2011-10-23 2 views
2

をカバーしています。この問題を解決する方法はありますか? (私はまだコードを更新didntは場合は)私はここで働く例があります:http://natgeo.geryit.com悪いパフォーマンス:私は私のサイトでバックグラウンドをカバーする必要があると私はいつも<strong>ラグ/上にマウスのナメクジ</strong>または他のアクションを参照してください

ul#posters li { 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    float: left; 
    height: 170px; 
    position: relative; 
    width: 25%; 
} 

答えて

10

リサイズした画像をキャッシュしませんのWebKitを表示され、遅れを引き起こし、それを毎回レンダリングします。

クロムのバックグラウンドサイズについては、運が悪いです。

私は人々がJavascript/jQueryでそれを行うのを見たことがあります。 http://srobbin.com/jquery-plugins/jquery-backstretch/

+0

純粋なCSSの方法を見つけようとしています。私が解決できない場合、私はjqueryを使用します。 – goksel

関連する問題

 関連する問題