インライン要素のrepeat-x背景画像が1行目にしか表示されない

症状

インライン要素に対して background-repeat:repeat-x; を指定すると、背景画像はインライン要素の1行目にあたる部分にしか表示されない。

例示

<div>
<span style="background-repeat:repeat-x;
  background-image:url(img02.png); font-size:200%;">
1行目<br>
2行目<br>
3行目</span>
</div>
1行目
2行目
3行目

span要素内はすべての行の上端に、横方向のみ繰り返しで背景画像が表示されるはずです。

スクリーンショット

Ns7.1Netscape7.1標準モード

WinIE6.0WinIE6.0標準モード

修正状況

WinIE6.0の標準モードと互換モードで不具合の発生を確認しました。

WinIE7でも発生します。

スポンサーリンク

関連記事

スポンサーリンク

UPDATE データ行の変更、更新する

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る