IE6以下をIE7と同じようにするライブラリ『IE7.js』
配布元:Google コード(ie7-js)
ライセンス:MIT License
IE7.jsはIE6をIE7に近づけるJavaScriptライブラリになります。
IE7には実装されているがIE6以下には実装されていない様々な機能をIE6以下で利用することが可能になります。
設置方法
Google コードより直接読み込むことが可能です。
以下をhead要素内などで記述します。
<!--[if lt IE 7]> <script src="http://ie7-js.googlecode.com/svn/version/xx.x/IE7.js" type="text/javascript"></script> < ![endif]-->
xx.xはバージョン情報(現在のバージョンは『2.0(beta3)』)に変更してください。
利用方法
IE7.jsを読み込んでおくと以下のようなIE6以下で以下の機能が利用可能になります。
CSSセレクタ
子セレクタ | parent > child |
---|---|
隣接セレクタ | adjacent + sibling |
兄弟セレクタ | adjacent ~ sibling |
複数クラス | .multiple.classes |
hover擬似クラス | :hover |
first-child疑似クラス | :first-child |
属性セレクタ | [attr] |
完全一致 属性セレクタ | [attr=”value”] |
半角スペース 属性セレクタ | [attr~=”value”] |
ハイフン属性セレクタ | [attr|=”value”] |
始一致 属性セレクタ | [attr^=”value”] |
終一致 属性セレクタ | [attr$=”value”] |
属性セレクタ | [attr*=”value”] |
CSSプロパティ
background-attachment | fixed positioningをサポート |
---|---|
background-image | IE5.5以上で透過pngをサポート。 *-trans.pngというファイル名で保存する必要がある |
bottom | topの高さを含むようにサポート |
cursor | IE5.xでpointerをサポート |
display | IE5.xでlist-itemをblockに変更 |
font-size | IE5.xで名前を固定 |
margin | IE5.xでautoをサポート |
max-height | |
max-width | |
min-height | IE5で利用可能に |
min-width | |
overflow | overflow:visibleをサポート |
position | fixedをサポート |
right | leftとの関係をサポート |
HTML
abbr | IE5/6 のバグを修正 |
---|---|
img | lIE5.5以上で透過pngをサポート。 *-trans.pngというファイル名で保存する必要がある |
label | 最初の要素のコントロールを修正 |
スポンサードリンク