IE 미리로드 이미지 버그?

Question

좋아요, 그래서 이미지 슬라이더의 스프라이트에서 이미지를 호출하고 있습니다. 페이지가로드 될 때 모든 슬라이드 쇼 이미지가 가로로 표시되므로 도청 된 것처럼 보입니다. 우리가 해결할 수있는 해결책은 미리로드 할 이미지를 설정하는 것이 었습니다. 그것은 Firefox에서 잘 작동하지만 IE에서 그것은 도청 된 것으로 보입니다. 여기에 (우리는 때문에 IE에서 다른 버그 스페이서 일을 뒀다) 문제가 두 줄의 코드는 다음과 같습니다

<div id="banner"><div class="slideshow"><!--[if IE]> 
    <img id="ban_images1" src="images/spacer.gif" width="900px" height="244" border="0"/> 
    <img id="ban_images2" src="images/spacer.gif" width="900px" height="244" border="0"/> 
    <img id="ban_images3" src="images/spacer.gif" width="900px" height="244" border="0"/> 
    <img id="ban_images4" src="images/spacer.gif" width="900px" height="244" border="0"/> 
    <img id="ban_images5" src="images/spacer.gif" width="900px" height="244" border="0"/> 
    <img id="ban_images6" src="images/spacer.gif" width="900px" height="244" border="0"/> 
    <img id="ban_images7" src="images/spacer.gif" width="900px" height="244" border="0"/> 
    <img id="ban_images8" src="images/spacer.gif" width="900px" height="244" border="0"/> 
    <img id="ban_images9" src="images/spacer.gif" width="900px" height="244" border="0"/> 
    <img id="ban_images10" src="images/spacer.gif" width="900px" height="244" border="0"/> 
<![endif]--> 
<![if !IE]> 
    <img id="ban_images1" /> 
    <img id="ban_images2" /> 
    <img id="ban_images3" /> 
    <img id="ban_images4" /> 
    <img id="ban_images5" /> 
    <img id="ban_images6" /> 
    <img id="ban_images7" /> 
    <img id="ban_images8" /> 
    <img id="ban_images9" /> 
    <img id="ban_images10" /> 
<![endif]> 
    </div> 

금지 이미지는 단순히 main.gif에있는 스프라이트를 참조하십시오.

은 사전로드하려면, 내 HTML 파일의 끝에 다음 코드를 삽입 :

.slideshowload{display:none;} 

어떤 제안에 :

<div class="slideshowload"><img src="image/main.gif" /></div> 

그리고 내 CSS 파일의 끝에 다음 코드 IE에서 작동하게 만드시겠습니까?

THanks!

Answer 1

몇 가지 : 오직 IE 조건부 주석을 이해하고 당신은 기본적으로 불필요하게 다른 문법으로 두 번 같은 동작을 반복하고 있기 때문에 비 IE 브라우저 용 IE 중복 인 경우

• ;!이
• 너비가 "900px"는 유효한 속성이 아닙니다 (너비 = "900", 단위 없음). IE 고유의 이미지를 수정해야합니다.
• 브라우저에 관계없이 이미지의 너비/높이를 항상 지정하는 것이 좋습니다. 사전로드의 경우 사전로드 단계에서 width = "1"height = "1"을 사용하는 것이 허용됩니다. 이미지의 HTML 크기 다운로드 자체에 영향을주지 않습니다.