трюк css icon странное поведение в браузерах на основе webkit - PullRequest
Новая
       23

трюк css icon странное поведение в браузерах на основе webkit

0 голосов
/ 12 января 2012

Моя проблема лучше всего объясняется с помощью html-кода: 

<html><body>
noicon <a href="http://www.stackoverflow.com" style="padding-left:20px; background: url(http://cdn.sstatic.net/stackoverflow/img/tag-adobe.png) no-repeat center left;"></a>
<br />
icon  <a href="http://www.stackoverflow.com" style="padding-left:20px; background:     url(http://cdn.sstatic.net/stackoverflow/img/tag-adobe.png) no-repeat center left;"></a>
</body></html>

Это обычная уловка для добавления иконок через CSS.Однако значки не отображаются в браузерах на основе WebKit на Mac OS X (Chrome 9 и Safari 5), когда есть только один предшествующий пробел.Кто-нибудь знает, как заставить фоновое изображение ссылки появляться без двух пробелов (???) перед <a>?

1 Ответ

1 голос
/ 12 января 2012

поставить пробел нулевой ширины внутри ссылки ..

&#8203; 

<a href="http://www.stackoverflow.com" style="padding-left:20px; background: url(http://cdn.sstatic.net/stackoverflow/img/tag-adobe.png) no-repeat center left;">&#8203</a>
...