1

最近、IE8 でイライラする状況が発生しています。それは最も奇妙なことです。以前は動作していたコードが動作しなくなりました。、、、などの HTML5 タグを使用しているときに発生しているようheaderでfooter、外部 CSS スタイルシートで対応する CSS セレクターと一緒に使用されています。問題は、突然、CSS スタイルがマークアップに適用されなくなったことです。スタイルシートがまったくないようなものです。articlenav

404 エラーや JavaScript エラーが発生していないことを確認しました。

DOCTYPEまた、HTML ドキュメントが標準モードであり、ブラウザが標準モードであることを確認するためにチェックしました。

また、私が理解しているように、ブラウザは必ずしも HTML5 タグを特別なものと見なすわけではありませんが (最近のほとんどのブラウザがそうであるように)、それらを改ざんすることはなく、CSS スタイルシートで引き続き使用できるはずです。それぞれのセレクター。

少なくとも、それは私がこの他の Stackoverflow 投稿から得た印象です: https://stackoverflow.com/a/7801476/295019

それはいつもそうでしたか、それとも私はずっとそれについて間違っていましたか.

コードで HTML5 タグを使用できるようにする必要があるか、コードが失敗した場合にそれを使用する意味があると考えました。かなりの数の人が IE8 を使用していることを考えると、IE8 で動作する Web サイトを構築することは、私の最大の関心事です (つまり、私のクライアントは、自分のページに IE8 で動作するように求めています)。

また、この時点で、私は Mac で作業し、IE8 を搭載した VirtualBox で実行されている Windows 7 の仮想マシン バージョンでテストしていることも述べておく必要があります。多分それは私の問題と関係があります。ただし、動作することを期待して、マシンを数回再起動しました。また、Flash がインストールされていて、インストールが破損していないことも確認しました (私の知る限り)。

何が起こっているのか誰にも分かりませんか？または、同様の問題が発生しましたか?

どんな助けでも大歓迎です。

4

3 に答える 3

4

残念ながら、IE8 が HTML5 要素で動作するというあなたの印象は正しくありません。<section>IE8 は、や などの要素では正しく動作しません<header>。ページでこれらの要素を使用すると、IE8 で重大な問題が発生します。

ただし、この問題には簡単な修正方法があります。

修正はhtml5Shivというスクリプトです。

このスクリプトは、古いバージョンの IE で HTML5 要素が機能するように、いくつかの Javascript ハックを使用しています。(つまり、ページが壊れるのを防ぐだけです。明らかに、新しい HTML5 機能を追加するわけではないので、<canvas>突然動き出すとは思わないでください!)

このスクリプトをページの上部に追加するだけで問題ありません。

もう 1 つのオプションは、 Modernizrというスクリプトです。これには html5Shiv 機能が含まれ、互換性チェックの別のレイヤーも追加されます。これは、最新のサイトを作成しようとしているが古いブラウザーをサポートしている場合に非常に役立ちます。

それが役立つことを願っています。

于 2012-10-26T21:40:16.807 に答える
2

これはあなたを助けるかもしれません：

<!--[if lt IE 9]>
<script>
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
document.createElement('hgroup');
</script>
<![endif]-->

http://www.nickyeoman.com/blog/html/118-html5-tags-in-ie8

于 2012-10-26T21:38:23.080 に答える
1

IE8 は HTML5 マークアップをサポートしていません。頭の痛みを取り除きたい場合は、javascrip ライブラリを使用して、古いブラウザーが新しい html コードをサポートするようにすることをお勧めします。modernizr のようにhttp://modernizr.com/

于 2012-10-26T21:40:25.323 に答える