Использование спрайтов css в теге изображения

У меня есть спрайт, в котором есть все короли логотипов. Я хочу получить один конкретный, поэтому я использую этот 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

введите здесь описание изображенияБелая рамка.

  • At IE 9

введите здесь описание изображенияСпрайт также отображается с белой рамкой.

  • At FF

Изображение вообще не отображается. Проверьте комментарии

Как я могу исправить это во всех браузерах?


css asp.net background-image cross-browser css-sprites
person Michel Ayres    schedule 27.12.2012    source источник
comment
добавив display:inline-block; в CSS, я сделал так, чтобы он без проблем отображался на FF. но это был мой единственный прогресс до сих пор.   -  person Michel Ayres    schedule 28.12.2012
comment
Кроме того, изменение на float:left будет работать для FF. Проблема по-прежнему в IE и границах   -  person Michel Ayres    schedule 28.12.2012

Ответы (1)


arrow_upward
0
arrow_downward

Как насчет добавления границы: нет в CSS?

.prog_logo { background-image:url('../../image/sprite_logo.png'); border:none; }
person Miguel Tavares    schedule 27.12.2012