css image-rendering 이미지 흐림/깨짐

이미지를 넣고,, 페이지에선 줄여서 보여줄경우,,

FIREFOX에서 흐리게 번지는,,(blur) 거임 ㅋ

FF에선 IMAGE-RENDERING 기본값이 AUTO가 아닌가봄 ㅋ

그래서 AUTO로 하면됨..

img { 
	image-rendering: -moz-auto;         /* Firefox */
	image-rendering:   -o-auto;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: auto;
	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}