1

これで毛が抜けます！Firefox では正しく表示されるフルスクリーンの背景画像 (修正済み) がありますが、Chrome ではスクロール バーがない場合にのみ正しく表示されます。そして、ページが長いほど、背景画像が大きく表示され、非常に長いページでは背景画像が巨大になります...このトピックを検索したところ、完全に具体的な修正が見つかりましたが、私の状況に直接関係するものはありません。 Chrome を動作させることはできますか?

コード：

<div id="background">
<img src="../images/37df8ead08594126a7be43e1bdf3cd00.jpg" alt="blah" class="main-bg" />
</div>

#background {
position: fixed;
overflow: hidden;
left: 0px;
top: 0px;
z-index: -1;
}

.main-bg{
position:absolute;
top:0;
left:0;
z-index:1;
width:100%;
}

どんな助けでも大歓迎です!!

4

2 に答える 2

2

これが当てはまるかどうかは完全にはわかりませんが、背景画像を静止したままにしますか（下または上にスクロールしている間、画像はスクロールすると「移動」し、伸びたり繰り返されたりすることはありません）？

その場合は、このリンクbackground-attachment:fixedを見てみて ください。

そうでない場合、背景画像で正確に何を達成したいですか？

于 2012-04-23T06:11:47.107 に答える
0

これはChromeの修正に役立つ可能性があります

例: Chrome の修正。

  @media screen and (-webkit-min-device-pixel-ratio:0){
              .CR_page_TD p { line-height:24px}//sample class
              .cr_Rightimgdiv {float:left}//sample class
               background-attachment:fixed//not tested yet 

}

その中で、特にクロムに書きたいクラスを変更します.他のブラウザに影響を与える心配はありません.Webkitブラウザに固有のこのブロックに任意の数のクラスを追加できます.

于 2012-04-23T06:13:31.937 に答える