ポケモンGOで桶屋が儲かる話まとめ次のつぶやき→まだダイエットに消耗してるの?正しいスクワット覚えてみたら?次のつぶやき→サムライ美少女”うちわ”を武器に商店街で斬りまくる!!!次のつぶやき→ポケモンGOをしながら寝落ちしました→朝起きたらiPadが割れてました次のつぶやき→ポケモンGOのタイプを調べたり弱点を見つけられる「ポケモンGO図鑑」次のつぶやき→ポケモンGOをしていたら子猫を発見→ルアーモジュールで人を集めて子猫の飼い主が見つかる次のつぶやき→【動画】家族に感謝をつたえたくなる。鉄拳のパラパラ漫画動画「お父さんは愛の人」次のつぶやき→40歳からの短期ダイエットが半端なく難しい理由!次のつぶやき→思わず「え、えっ!?」と2度見してしまうポケモンGOのキャラクター「ドードー?」次のつぶやき→【ポケモンGO攻略】効率的にレベル上げをするならポッポマラソン

たった2行でIE5.5~IE8をモダンブラウザの挙動にする魔法のJS

スポンサーリンク

たった2行でIE5.5~IE8をモダンブラウザの挙動にする魔法のJS

開発者泣かせの問題児ブラウザ、Internet Explorerですが、IE5.5、IE6、IE7、IE8をモダンブラウザの挙動にする神JSがGoogle Codeで配布されていました。

とりま、 attripのデザイン崩れはこれで解決できました!

使い方は簡単!下記のコードを貼り付ければOK!

まじ仏。

 

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

 

「IE9.jsは、IEを普通のモダンブラウザの挙動にするJSです。IE5、IE6でも透過PNGが使えるようになります。

「css3-mediaqueries.js」は、IEでCSS3 Media Queriesを使えるようにするJS。レスポンシブデザインのサイトをIEでも見れるようにします。

 

ちなみに、border-radiusや、box-shadow はできませんでした。

あと、IEでの見え方をチェックする方法はこちら↓↓

IE9環境でIE6/IE7/IE8/IE9表示する方法(共存) | 某氏の猫空

 

2012/12/4追記

重いという指摘あったので、比較動画作りました。

[動画で検証]たった2行でIE5.5~IE8をモダンブラウザの挙動にする魔法のJSが重すぎた! | A!@attrip

たった2行でIE5.5~IE8をモダンブラウザの挙動にする魔法のJS

 

2012/12/3追記 

HTML5やborder-radius、box-shadowが使えるようになるJSライブラリーを教えてもらったので、追記事書きました。↓↓

IEをHTML5やCSS3に対応させるJSライブラリーまとめ | A!@attrip

たった2行でIE5.5~IE8をモダンブラウザの挙動にする魔法のJS

 

参考サイト:

ie7-js – A JavaScript library to make MSIE behave like a standards-compliant browser. – Google Project Hosting

IE7/IE8.jsを使って、スタイルシートの標準化

IE用にcss3-mediaqueries.jsを実装させる – GEKKO CREATORS

 

レスポンシブWebデザインの“現実的な”ワークフロー | ブログ | 株式会社イー・エージェンシー
http://www.e-agency.co.jp/column/20121106.html

この記事を書いたよーいちにいいね!よろしく!

スポンサーリンク

\ SNSでシェアしよう! /

人気記事ランキング

スポンサーリンク

ankerのライトニングケーブル
anker充電機器
この記事を書いたのはです!

『9ポスト』という動画メディアを運営しています。


メールアドレスを入力して無料購読しよう!




たった2行でIE5.5~IE8をモダンブラウザの挙動にする魔法のJS

たった2行でIE5.5~IE8をモダンブラウザの挙動にする魔法のJS

タグ: , , , , , ,

記事URL:http://attrip.jp/78616/


フォローよろしくお願いいたします。

mautic is open source marketing automation
お問い合わせこのサイトについてサイトマップ広告のご掲載について
おもしろ動画レシピ筋トレストレッチ糖質制限ダイエット