Question

我正在使用css sprite技术在一个PNG图像中保存网站上的所有按钮。

此技术适用于普通样式按钮上的所有浏览器，但是对于IE 7/8，它在任何输入上显示边框和红色x，我使用css类来定义图像。这种技术适用于Firefox。

我在这里错过了什么吗？

HTML：

CSS：

比较：

Answer 1

出现“红色X”，因为IMG元素没有SRC（或SRC中指定的无效/不可用资源）。

您可以使用透明的“存根”图像来解决该问题。另外，确保在IMG上也设置BORDER = 0（猜测原因： - ）。

Answer 2

请尝试从CSS代码更改背景部分：

background: url('XXXXXXXX.png')  no-repeat

我认为这是一个CSS解析问题