【发布时间】:2012-12-27 17:07:00
【问题描述】:
我有一个精灵,其中有所有徽标之王。我想得到一个具体的,所以我正在使用这个 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" />
问题
- 在歌剧院
完美。
- 在 Chrome 中
白色边框。
- 在 IE 9
精灵也会出现白色边框。
- 在 FF
图像根本没有出现。 检查 cmets
如何在所有浏览器中解决此问题?
【问题讨论】:
-
在 CSS 中添加
display:inline-block;使它在 FF 上显示没有任何问题。但这是我迄今为止唯一的进步。 -
另外,更改为
float:left将适用于 FF。问题还是IE和边框
标签: asp.net css cross-browser background-image css-sprites