Home > Windows > Opera > ver.9 Under 固定していない背景画像がスクロール後に乱れて表示される

固定していない背景画像がスクロール後に乱れて表示される

html要素またはbody要素で固定していない背景画像(background-attachment: scroll;)を表示したページをスクロールすると、スクロールによって現れる部分の背景画像が乱れて表示される。また、スクロールしなければ見えない位置に背景画像がある場合はスクロールしても背景画像が現れない。

例示

<style type="text/css">
<!--
body {
    background-image: url('http://css-bug.jp/img/common/img01.png');
    background-position: left center;
    background-repeat: repeat-y;
    background-attachment: scroll;
    padding-left: 48px;
}
-->
</style>

検証ページの左端に背景画像を表示しています。スクロールしてみてください。

スクリーンショット

N7N7.02での表示(標準モード)

Op7Opera7.10での表示(標準モード)

補足

  • background-positionプロパティの値を調節して背景画像の初期位置を上端に近づけると表示の乱れを抑えることができます。逆に初期位置を下端に近づけると表示の乱れがひどくなります。
  • html要素、body要素以外の要素(div要素など)では背景画像の初期位置に関わらずこのバグは発生しません。

修正状況

  • Opera7.01標準モード、Opera7.10互換モードで不具合の発生が確認されました。
  • Opera6.06でこの不具合は発生しません。

Home > Windows > Opera > ver.9 Under 固定していない背景画像がスクロール後に乱れて表示される

Search
オススメ書籍
Feeds

Return to page top