在图像标记中使用css sprites

时间:2012-12-27 17:07:01

标签: asp.net css cross-browser background-image css-sprites

我有一个精灵,里面有所有徽标。我想得到一个特定的,所以我使用这个 css

.prog_logo { background-image:url('../../image/sprite_logo.png'); }
.prog_logo_prime { background-position:0px -81px; width:52px; height:51px; }

在我的 aspx 中我创建了一个图片

<asp:Image ID="imgLogo" CssClass="prog_logo prog_logo_prime" runat="server" />

问题

  • 在Opera

enter image description here 完美。

  • 在Chrome

enter image description here 白边。

  • 在IE 9

enter image description here 精灵也会出现白色边框。

  • 在FF

图像根本没有出现。 检查评论


如何在所有浏览器中修复此问题?

1 个答案:

答案 0 :(得分:0)

如何向CSS添加border:none?

.prog_logo { background-image:url('../../image/sprite_logo.png'); border:none; }