インライン要素に対して background-repeat:repeat-x; を指定すると、背景画像はインライン要素の1行目にあたる部分にしか表示されない。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: インライン要素
例示
<div>
<span style="background-repeat:repeat-x; background-image:url(http://css-bug.jp/img/common/img02.png); font-size:200%;">
1行目<br />
2行目<br />
3行目
</span>
</div>
1行目
2行目
3行目
2行目
3行目
span要素内はすべての行の上端に、横方向のみ繰り返しで背景画像が表示されるはずです。
スクリーンショット
Netscape7.1標準モード
WinIE6.0標準モード
修正状況
WinIE6.0の標準モードと互換モードで不具合の発生を確認しました。
