带有CSS背景图像的IMG标记-ie10显示缺少的IMG框

我定义了两种样式：

img.feedback-sprite-22{
    display:block;
    background:url(../img/feedback-sprite-22.png) 0px 0px scroll;
    height:22px;
    border:0 !important; 
    padding:0; 
    margin:0 !important;
    z-index:0;
}

img.feedback-sprite-22:hover{
    background-position:0px -22px;
}

img.fb {
    display:inline; 
    margin:auto 0; 
    border: none !important; 
    vertical-align: middle;
}

我这样显示图像：

<img class='fb feedback-sprite-22' height='22' width='65'>

---

如果它只是一个渐变，为什么不使用CSS渐变呢？


支持每个浏览器，包括IE6-10，如果它只是一个渐变，为什么不使用CSS渐变呢

支持每个浏览器，包括IE6-10，因为您的img标签中没有src，这是必需的

使用div
代替img。并在css中定义宽度和高度。如果你真的想使用css

但在我看来，对于这样的元素，您应该使用清晰的类似img的
，而不是css中的背景。
因为您的img标记中没有src，这是必需的

使用div
代替img。并在css中定义宽度和高度。如果你真的想使用css

但在我看来，对于这样的元素，你应该使用清晰的类似img的
，而不是css中的背景。
因此，正如Choinek指出的，我发现答案是
img
显然必须为IE定义“src”。我将其分配给blank.gif，一切都很好。因为我已经在网站上使用了blank.gif，所以它不是另一个要加载的图像

然而，我非常喜欢使用CSS渐变的想法。这将减少图像的数量（总是好的）
 因此，正如Choinek指出的那样，我发现答案是，
IMG
显然必须为IE定义“src”。我将其分配给blank.gif，一切都很好。因为我已经在网站上使用了blank.gif，所以它不是另一个要加载的图像

然而，我非常喜欢使用CSS渐变的想法。这将减少图像的数量（总是好的）
 正如您所说，我准备用div替换img，这是一个有效的解决方案。但它需要调整（我正在覆盖div和图像），最好不用重写……问题的解决方案是使用src=“blank.gif”。将显示背景图像，浏览器很高兴找到图像。背景图像是一个精灵，给我显示状态的灵活性（例如悬停）。但是如果你使用img元素，你必须定义src。没有src，就不需要使用img标记。正如你所说，你应该使用blank.gif。是的，这就是我在这个过程中发现的。不过，IE是我遇到的唯一一款具有视觉威慑力的浏览器。背景图像的原因是它的比例适当。我并不总是使用渐变。因此，我需要同时使用背景图像和空白src但实际上，您可能需要阅读html规范。Img应该有src（和alt作为备选方案）。无论是chrome还是firefox，只要在img中使用src和alt就可以了，因为一切都要以正确的方式进行。（您当前的问题就是最好的例子）正如您所说，我准备用div替换img，这是一个有效的解决方案。但它需要调整（我正在覆盖div和图像），最好不用重写……问题的解决方案是使用src=“blank.gif”。将显示背景图像，浏览器很高兴找到图像。背景图像是一个精灵，给我显示状态的灵活性（例如悬停）。但是如果你使用img元素，你必须定义src。没有src，就不需要使用img标记。正如你所说，你应该使用blank.gif。是的，这就是我在这个过程中发现的。不过，IE是我遇到的唯一一款具有视觉威慑力的浏览器。背景图像的原因是它的比例适当。我并不总是使用渐变。因此，我需要同时使用背景图像和空白src但实际上，您可能需要阅读html规范。Img应该有src（和alt作为备选方案）。无论是chrome还是firefox，只要在img中使用src和alt就可以了，因为一切都要以正确的方式进行。（你当前的问题就是最好的例子）很酷。我不知道它的存在。我想我可以为悬停状态定义第二个梯度。我更喜欢在Photoshop中工作，可能会尝试插入Photoshop的数字。我完全赞成删除图像文件。谢谢你的建议。酷。我不知道它的存在。我想我可以为悬停状态定义第二个梯度。我更喜欢在Photoshop中工作，可能会尝试插入Photoshop的数字。我完全赞成删除图像文件。谢谢你的建议。