Chrome CSSの位置：固定

私はこの1つで髪を失っています！私はFirefoxで正しく表示されるフルスクリーンの背景イメージを持っていますが、スクロールバーがない場合はChromeで正しく表示されますか？ページが長くなればなるほど背景画像は大きく表示され、実際に長いページには背景画像は巨大です。私はこのトピックを検索して、具体的な修正を見つけましたが、私の状況に直接関係するものは何もありません。 Chromeを動作させることはできますか？Chrome CSSの位置：固定

コード：

<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%; 
}

任意の助けを大幅に高く評価されるだろう！

出典

2012-04-23 gokartracer101

に特有のこのブロックでクラスの任意の数を追加することができますブラウザ間での動作の違いを見て、ごめんなさい。 IEでもそれは正しいです。 –

私は完全にはわかりませんが、背景画像を静止したままにしたいのですか（スクロールしながら画像がスクロールしたり上に移動しているように見えますか？

この場合、background-attachment:fixedを試してみて、 linkをご覧ください。

これが当てはまらない場合は、正確に背景画像で達成したいことはありますか？

出典

2012-04-23 06:11:47 zillaofthegods

それは正解です。背景のためだけに別の無駄なdivを持っていない。 –

これはありがとう、これは治療を働いた！私は見て誰かの手でボールを手にして、上記のコードで始めるベースです。 – gokartracer101

絶対に！どんなときも。 – zillaofthegods

これは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-23 06:13:31

Chrome CSSの位置：固定

答えて

関連する問題