0

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

这种技术在您的普通样式按钮上的所有浏览器上都可以正常工作,但是对于 IE 7/8,它会在我使用 css 类定义图像的任何输入上显示边框和红色 x。这种技术适用于 Firefox。

我在这里错过了什么吗?

HTML:

http://img85.imageshack.us/img85/7493/spriteerrorhtml.png

CSS:

http://img514.imageshack.us/img514/1382/spriteerrorcss.png

比较:

http://img99.imageshack.us/img99/3251/spriteerrorcomparison.png

4

2 回答 2

1

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

您可以使用透明的“存根”图像来解决该问题。另外,确保在 IMG 上也设置 BORDER=0(猜猜为什么:-)。

于 2010-06-19T04:44:20.033 回答
0

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

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

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

于 2010-06-19T05:01:45.110 回答