MSIE 7 및 8에서 CSS 이미지 교체가 작동하지 않습니다.

Question

IE 7 &에서 빈 스팬 CSS 이미지 대체 기술을 사용하는 데 문제가 있습니다. 8. 내 로고 (투명 png)가 없습니다. 나는 그것이 부정적인 텍스트 - 들여 쓰기와 관련이 있다고 가정하고 있습니까? 모든 다른 브라우저에서 완벽하게 작동합니다. 어떤 도움이라도 대단히 감사하겠습니다!

<h1 class="logo grid_8"><a href="index.html">The Bandwagon<span></span></a></h1> 

.grid_8 {text-indent:-1000em; margin:-30px 10px 0 0;} 

.logo .grid_8 a{ 
position:relative; 
display:block; 
width: 470px; 
height: 150px; 
overflow:hidden;} 

.grid_8 span { 
display:block; 
position:relative; 
width:470px; 
height:150px; 
background:url("../img/TBWlogo.png")no-repeat left top; 
z-index:1000;} 

Answer 1

no-repeat IE가 깨지기 전에 누락 된 공간이있는 것 같습니다. 이 시도 :

는

background:url("../img/TBWlogo.png") no-repeat left top; 

선택기 .logo .grid_8 a 클래스 logo하에 클래스 grid_8와 소자 하에서 a 요소를 선택한다. 마크 업에 따르면 두 클래스 (logo 및 grid_8)가있는 요소에서 a 요소를 선택한다고 생각합니다.

여러 클래스가있는 요소를 선택하려면 여기에 공백을 제거해야합니다.

.logo.grid_8 a {}