2014-03-03 3 views
0

IE9에서는 아래 이미지에서 볼 수있는 것처럼 매우 이상한 렌더링 버그가 발생합니다. 오른쪽의 화살표가 올바른 것이고 왼쪽의 IE는 간헐적으로 표시되는 것입니다.IE 배경 이미지 렌더링 버그

IE 개발자 도구를 사용하여 항상 서버에서 켜거나 Shift + F5를 사용하여 새로 고침하여 정상적인 페이지로 돌아 가기 때문에 캐싱 버그가있는 것으로 보입니다. 그러나 페이지에서 나가서 다시 돌아 오면 오류가있는 형태로 다시 나타납니다.

또 다른 이상한 점은 이미지가 올바르게 표시되지 않고 개발자 도구를 열면 올바르게 다시 그려지는 것입니다.

나는 jquery-chosen 플러그인을 사용 중이며 화살표 이미지를 변경하기 위해이 CSS를 추가했습니다. 난 .png.jpg 파일을 사용하여 시도했다. 버그의

b { 
    background: url('../Images/Icons/down-arrow.png') no-repeat 0px 10px; 
} 

이미지 :

Render Bug

모든 제안은 좋은 것입니다.

답변

0

왜이 문제가 해결되었지만 서버에서 직접 CSS 파일을 편집하기 전에는 확실하지 않습니다. 응용 프로그램 코드베이스를 완전히 다시 작성한 다음 서버로 푸시하고 이제는 제대로 작동하는 것 같습니다. (서버에 있던 내용과 실제로 변경된 사항은 없었지만) 서버로 밀어 넣을 때 응용 프로그램을 다시 시작해야 할 수도 있습니다.

0

IE8 및 IE9는 필터 CSS 특성을 사용할 때 투명 PNG 렌더링에 적합하지 않습니다. 해당 PNG 위의 DOM 부분에 필터가 있으면 렌더링 문제가 발생할 수 있습니다.