overflow:scroll;等が指定された要素の背景画像が閲覧領域に対して固定されない

症状

overflowプロパティにscrollやautoが指定された要素の背景画像を固定した(background-attachment: fixed;)とき、背景の基準位置が閲覧領域左上端ではなく当該要素の左上端になる(html, body要素を除く)。

例示

<style type="text/css">
body {
    background-attachment: fixed;
    background-image: url(/img/cssbug/winie/img01.png);
    background-repeat: repeat-y;
}
div.scrl {
    background-attachment: fixed;
    background-image: url(/img/cssbug/winie/img01.png);
    overflow: scroll;
    height:5em;
}
</style>

<div class="scrl">背景を固定<br>背景を固定<br>……</div>

body要素の左端に固定配置した背景画像とdiv要素全体に固定配置した背景画像はつながって表示されるはずです。

スクリーンショット

Moz1.0.1Moz1.0.1での表示(標準モード)

WinIE6WinIE6.0での表示(標準モード)

補足

WinIEでは、html, body要素以外の要素に指定した背景画像が閲覧領域に対して固定されません(『body要素以外で背景画像を固定できない』)。

修正状況

WinIE6.0では、標準・互換モードともに不具合の発生が確認されました。

関連記事

スポンサーリンク

絶対配置/フロート状態のリストアイテム要素のリストマーカーが消える

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

上に戻る