0

我有一个我正在使用的图像精灵，但 IE9 没有正确显示它。

它在 Firefox 中运行良好，但在图像上方显示灰色边框和符号（如图所示）。它在 Chrome 中也不太适用 - 它显示图像，但带有灰色边框。

这是抓住它的CSS代码：

#see_more_vendors {
background:url('vendor_sprite.png') no-repeat 0px 0px; height: 60px; width:135px; display:block;}

这是html：

<td><a href="#"><img id="see_more_vendors" alt=""/></a>

（我已经删除了图像的前导地址，因为这不是问题。）

最初，我认为它是边框，因为在 Chrome 中它只显示灰色边框。但是后来，我在Internet Explorer中看到了，网上还没有看到过这样的案例。

这就是图像的样子，它应该没有边框，左上角也没有图标。

http://imageshack.us/photo/my-images/713/examplec.jpg/

4

1 回答 1

1

如果您使用它超过 1 次，则在 css 中创建类：

.see_more_vendors {
background:url('vendor_sprite.png') no-repeat 0px 0px; height: 60px; width:135px;display:block;}

然后你的 A 标签应该是这样的：

<a class="see_more_vendors" href="#">&nbsp;</a>

因为正如您在发布的图片 (imageshack) 上看到的那样，您看到的是背景但没有图片。因为img标签src是空的。好吧&nbsp;，如果您知道更好的方法，我会使用，然后告诉我。谢谢。

于 2012-06-04T21:49:44.840 回答