CSSのアイコントリック奇妙な行動

私の問題は、最高のhtmlコードを説明しますCSSのアイコントリック奇妙な行動

<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を経由してアイコンを追加するための一般的なトリックです。ただし、先行スペースが1つしかない場合は、mac os x（chrome 9とsafari 5）のWebkitベースのブラウザにアイコンが表示されません。誰もがリンク背景画像を表示する方法を知っています<a>の前に2つのスペース（???）なし？ `A`要素にインラインblock`：

出典

2012-01-11 gardarh

をゼロ幅スペースを入れて？ – justis

はい、同じ壊れた動作です。 – gardarh

あなたは`ディスプレイを使用してみました...]リンク内

<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>

出典

2012-01-12 00:00:31

これは別の回避策ですが、これは文書化された動作として知られていますか？なぜこれはWebkitブラウザで起こり、他のブラウザでは起こりませんか？ – gardarh

CSSのアイコントリック奇妙な行動

答えて

関連する問題