CSS映像替换在MSIE 7和8中不起作用

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在类a下的类grid_8下选择一个logo元素。根据您的标记，我认为您希望在包含两个类（a和logo）的元素下选择grid_8元素。

要选择具有多个类的元素，您需要删除此处的空格。

.logo.grid_8 a {}