【问题标题】:Using css sprites in an image tag [duplicate]在图像标签中使用 css sprites [重复]
【发布时间】: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


【解决方案1】:

给css添加border:none怎么样?

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

【讨论】:

    猜你喜欢
    • 2018-05-03
    • 1970-01-01
    • 1970-01-01
    • 2014-08-29
    • 2011-06-30
    • 2012-08-21
    • 2011-12-13
    • 1970-01-01
    • 2010-12-03
    相关资源
    最近更新 更多