トランスビットの開発ノート

Webサイト制作に役立つTipsやトラブルシューティングなどの備忘録

IE10とIE11で、背景画像とグラデーションを重ね付け

久しぶりにIEです。
backgroundにまとめて書くと、IE10と11では背景画像もグラデもでません。
edgeなら問題ないんですけどねぇ。

  /* 何も出てこない */
    background: url("背景画像") center top no-repeat,-webkit-linear-gradient(top, #色, #色々 ),linear-gradient(to bottom,#色, #色々);

なので、面倒ですが、下のように書かないといけません。
この時、背景画像を先に記述することが大切です。

  /* 面倒でも分ける */
    background-color: #背景色;
    background-image: url("背景画像"), -webkit-linear-gradient(top,#色, #色々);
    background-image: url("背景画像"),linear-gradient(to bottom,#色, #色々);
    background-position: center top;
    background-repeat: no-repeat;

いつまで上のようなことしないといけないのかなーと気になったのでちょっと調べてみました。
引用中の表が2016年1月時点でのWindowsのIEサポート状況です。

マイナビニュース:IE10、IE9、IE8のサポート終了

2016年1月のアップデートの段階で、次のオペレーティングシステムおよびInternet Explorerがサポートされている。

オペレーティングシステム 2016年1月のアップデートでサポートされているIE
Windows Vista SP2 Internet Explorer 9
Windows Server 2008 SP2 Internet Explorer 9
Windows 7 SP1 Internet Explorer 11
Windows Server 2008 R2 SP1 Internet Explorer 11
Windows Server 2012 Internet Explorer 10
Windows 8.1 Internet Explorer 11
Windows Server 2012 R2 Internet Explorer 11
Windows 10 Internet Explorer 11
Windows Server 2016 Preview Internet Explorer 11

Microsoftはこれまでのように1つのOSで複数のバージョンのInternet Explorerをサポートするというポリシーから、それぞれのWindowsで最新版のInternet Explorerのみをサポートするように方針を変更。サポートが終了したInternet Explorerを使い続けると、攻撃を受けるなどセキュリティ上の問題が懸念されるため、サポートが提供されている最新版へアップデートするか、またはセキュリティサポートが提供されている他のWebブラウザへ移行することが推奨される。

『それぞれのWindowsで最新版のInternet Explorerのみをサポート』っていうことですので、WindowsのIEサポート状況と、OSのサポート状況をあわせて表にしてみました。

オペレーティングシステム 2016年1月のアップデートで
サポートされているIE
メインストリーム
サポート終了
延長サポート終了
Windows Vista SP2 Internet Explorer 9 2012/04/10 2017/04/11
Windows Server 2008 SP2 Internet Explorer 9 2015/01/13 2020/01/14
Windows 7 SP1 Internet Explorer 11 2015/01/13 2020/01/14
Windows Server 2008 R2 SP1 Internet Explorer 11 2015/01/13 2020/01/14
Windows Server 2012 Internet Explorer 10 2018/01/09 2023/01/10
Windows 8.1 Internet Explorer 11 2018/01/09 2023/01/10
Windows Server 2012 R2 Internet Explorer 11 2018/01/09 2023/01/10
Windows 10 Internet Explorer 11 2020/10/13 2025/10/14
Windows Server 2016 Preview Internet Explorer 11 2022/01/11 2027/01/11

Vistaはあと一か月足らずで延長サポート切れます。さよならVista。
サーバOSをどう考えるかによりますが、クライアントOSでの閲覧者が大半を占めるはずですので、基本的にIE11以降対応で組んだので問題なさそうですね。

それにしても、IE11は息が長そうや……!

Filed under: , ,

« »