Home > Windows > Internet Explorer > ver.6 overflow:scroll;等が指定された要素の背景画像が閲覧領域に対して固定されない

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

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

Category: Internet Explorer, Windows, ver.6
Tag: background, overflow

例示

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

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

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

実際の表示については検証ページをご覧ください。