Bezdepbonusu7Программирование: статьи и ответы

Вопрос

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

Автор вопроса: Michel AyresОтветов: 1

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

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


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

  • добавив display:inline-block; в CSS, я сделал так, чтобы он без проблем отображался на FF. но это был мой единственный прогресс до сих пор. Michel Ayres 28.12.2012
  • Кроме того, изменение на float:left будет работать для FF. Проблема по-прежнему в IE и границах Michel Ayres 28.12.2012

cssbackground-imagecross-browsercss-sprites

Ответы

Ответ 1 · Miguel Tavares

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

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

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Похожие материалы