Thu, March 23, 2017

IE6、7、8でもCSS3のセレクタを利用可能にする「Selectivizr」

IEでもCSS3セレクタを利用可能にするJavaScript「Selectivizr.js」をご紹介します。
設置方法はとても簡単。jQueryのようなJSライブラリとselectivizr.jsを読み込むだけです。

■設置例
<script type="text/javascript" src="/js/jquery.js"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="/js/selectivizr.js"></script>
<![endif]-->

対応するセレクタですが、JSライブラリによって違いがあるようです。
下記参照。

■注意点
  • CSSは外部ファイルでないと機能しません
  • ローカル環境では機能しません。サーバにアップして確認してみてください。

 

情報元:Selectivizr – CSS3 pseudo-class and attribute selectors for IE 6-8

この記事を共有 :

Twitter Delicious Facebook Digg Stumbleupon Favorites More

Leave a Reply

Spam Protection by WP-SpamFree