2012年02月14日 HTML5・CSS3jQuery・javascript

IEのHTML5対応状況

IE6だけでなく、IE8以下は全てHTML5に対応していません。
それを対応させるために「html5.js」というjavascriptを読み込ませます。 使い方は簡単で以下のコードをタグの前の内に記述します。
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
上記コード内の「if…」はIE9未満なら、スクリプトを読み込むということです。
また、オリジナルのコードはgithubにありますので、自サーバにスクリプトを設置したい方はこちらから入手可能です。

この投稿へのコメント

コメントはまだありません。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CAPTCHA


ピックアップ記事

jquery.ajaxComboBoxで重複する候補を削除する

2012年02月02日 jQuery・javascript
jquery.ajaxComboBoxとは jquery.ajaxComboBoxとは、フォームのテキスト入力の際に、候補をサジェストしてくれるjQueryプラグインです。ダウンロードおよび、使用方法は配布元のサイトからお願いします。 jquery.ajaxComboBox このプラグインをデフォルトで使っていると、指定したフィールドの値が重複している場合は、同じ候補が複数表示されてしま…
「jquery.ajaxComboBoxで重複する候補を削除する」をはてなブックマークに追加

safariでowl carouselのスライド時にフォントが細くなる現象の解決策

2015年03月19日 web関連jQuery・javascript
レスポンシブ対応でとても重宝しているowlカルーセルですが、safariでは、スライド時に、フォントが細くなったり、太くなったりして、点滅するような現象が起こっていました。 iOSのchromeでも同じ現象が起こるらしいのですが、未確認。 …
「safariでowl carouselのスライド時にフォントが細くなる現象の解決策」をはてなブックマークに追加

jQuery でフォームの入力チェックを実装する

2011年08月04日 jQuery・javascript
フォームに入力されたデータを受け取るときに、入力された内容をエスケープすることは、こちらの記事で触れましたが、送信される前にjQueryで入力値のチェックを行えるとページの推移もなく、便利ですよね。 …
「jQuery でフォームの入力チェックを実装する」をはてなブックマークに追加

IE9でcss3のtransformが効かない時の解決策

2014年10月30日 web関連HTML5・CSS3
CSS3が使えるようになって、メニューボタンの背景に矢印を表示させることなどが出来るようになりましたが、IEでは効かないものもあります。 背景に矢印を入れる時は、transform: rotate(45deg);のようにborderを回転させるのですが、このtransformがIE9では使えません。 …
「IE9でcss3のtransformが効かない時の解決策」をはてなブックマークに追加

レスポンシブ対応 画像メニューをブラウザ幅に合わせて縮小表示

2014年11月15日 web関連HTML5・CSS3
レスポンシブ対応 画像メニューをブラウザ幅に合わせて縮小表示
レスポンシブ対応のサイトを作るときに画像メニューを設置して、ブラウザが縮小されても画像が改行されることなく、1列で固定で、画像の比率を保ったまま縮小表示させる方法です。 cssのdisplay:table-cellで解決 html [php]<ul id="nav"> <li><a href="#"><…
「レスポンシブ対応 画像メニューをブラウザ幅に合わせて縮小表示」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy