2011-04-07 3 views
0

어떻게 든 상향식 스프라이트 이미지는 인터넷 익스플로러 9에서 선명하고 가장 근접한 픽셀 주변 픽셀로 보이지 않습니다. FF에서는 픽셀이 완벽하게/선명하게 작동합니다.Pixelperfect Upscaled Sprite 배경 이미지가 IE에서 여전히 부드러운/바이 큐빅 이미지로 표시됩니까?

그러나 IE에서는이 두 가지를 원할 것처럼 보입니다. 어떤 아이디어가이 CSS에 문제가 있습니까?

.iconbig{ /* upscale the icons sprite images 200% and show them pixelperfect */ 
    background-image:url(icons.gif); 
    background-repeat:no-repeat; 
    height:200%; 
    background-size: 26px auto; 
    -moz-background-size: 26px; 
    image-rendering:-moz-crisp-edges; 
    -ms-interpolation-mode:nearest-neighbor; /* <<== seems not working !!! */ 
} 
+0

'-ms-interpolation-mode : bicubic'이 변경 되나요? – atlavis

+0

@atlavis : nothing : 같은 부드러운 bicubic "blurred"스프라이트 확대 – Sam

+0

px 단위로'height :'와'width :'를 설정하면 작동합니까? 어쩌면 IE는 '높이 : 200 %'이상의 것을 필요로 할 것입니다. – atlavis

답변

2

-ms-interpolation-mode : nearest-neighbor는 배경 이미지가 아닌 html IMG 태그에만 적용됩니다. MS 속성은 늘어진 이미지에만 적용됩니다. 솔루션에 대한 나는 단지 IE의 대체 CSS 배경 이미지, 그래픽 neighbor 가장 가까운 neigbor 파일을 확장 할 생각할 수 있습니다 (어쩌면 png - 8, 색을 줄이기 위해 메모리를 절약 할 수 있습니다 .png 압축 이미 압축됩니다 같은 색의 넓은 영역) 모드는 일부 2D 소프트웨어 내부에서 수행됩니다.

3

-ms-interpolation-mode은 IE9에서 제거되었습니다. 분명히 Microsoft는 -ms-interpolation-mode:bicubic에만 필요하다고 생각하고 IE9가 항상 bi-cubicscaling을 사용하기 때문에 속성이 쓸모없고 제거 된 것으로 생각합니다.

관련 문제