ここでこの 1 ページを実行しています: www.zencak.cz/photo.html。background-size: cover
インターネットで見つけたさまざまなソリューションを数時間試した後、IE9以前との互換性の問題がまだあります。Safari (私のメイン ブラウザ、Chrome、IE10) で完全に動作します。
この機能が IE8 以前ではサポートされていないことはわかっていますが、私にとっては IE10 でのみ正しく動作します ( http://browsershots.orgによるテスト)。
サンプル コードはツールが長くなるため、ここには掲載しません。「背景画像を引き伸ばす方法」という単純な問題とは対照的に、単純な JQuery ルーチンを使用して画像からグリッド レイアウトを生成します。
私は試した:
- http://github.com/louisremi/jquery.backgroundSize.js
- http://github.com/aramkocharyan/CSS-Background-Size-jQuery-Plugin
- AlphaImageLoader のような - CSS3 Internet Explorer Scale Background フィルター:
助けをお待ちしております...