Browser

Microsoft Edge(Project Spartan, Internet Explorer) 、ブラウザ周辺、Web フロントエンド開発、UI、など

Microsoft Edge まとめページ

CSS background-size: cover; を JS ファイルを使わずにやるやつ for IE7 / IE8

太古の昔 CSS 追加された behavoir を使います。
IE 5.0 から追加された HTML、JavaScript などで構成される HTC(HTML Component)ファイルを呼ぶ機能です。

これは自分の覚書で今回の内容は他のブログ等にも書かれています。

 

サンプル

Background-size: cover for IE8

 

IE8

f:id:x67x6fx74x6f:20150422142336j:plain

 

IE7

f:id:x67x6fx74x6f:20150422142353j:plain

 

使い方

background-size: cover に対応したのポリフィル

louisremi/background-size-polyfill · GitHub

こちらの Download ZIP を押すか、Clone してファイルを落とします。

 

そして、CSS に "behavior: url(backgroundsize.min.htc);" を追加するだけです。

 

HTC ファイルを読み込むため対応していない場合は、.htaccess を変更する必要があるかもしれません。

スポンサーリンク