1

私はHTML5タグをIE7とIE8で動作させるのに苦労してきました。最後にhtml5shiv.jsを使用しましたが、問題は解決しました。要素は、最新のブラウザで表示されるのと同じように画面に表示されます。

しかし今のところ、IE7とIE8が私が宣言したcssルールを適用しない理由はわかりません。例えば:

header
{
    background-color: #000000;
}

ヘッダータグにも背景色にも黒の背景色は適用されません。IE7とIE8でその宣言を検索すると、宣言されていないように見えますが、IE9モードでIEを試すと、宣言したのと同じcssルールが表示され、要素のスタイルが黒になります。どんな助けや解決策も本当にありがたいです。

4

4 に答える 4

1

これがお役に立てば幸いです。

すべてのブラウザがHTML5マークアップを正しくレンダリングします– IE6でも:

http://net.tutsplus.com/tutorials/html-css-techniques/how-to-make-all-browsers-render-html5-mark-up-correctly-even-ie6/

ありがとう。

于 2012-12-22T05:49:24.340 に答える
1

再現できません。http://browserstack.comを使用して、Windows XPでネイティブに実行されているIE7とIE8の両方で以下のコードをテストし、両方とも期待どおりにCSSを適切に適用しました。

どこかで何かを見逃していて、期待した結果が得られなかったのではないかと思います。ここで行ったように、プロジェクトを小さなテストケースに縮小してみてください。適切な依存関係をすべて参照していることを確認してください。

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>HTML5 Elements in IE7/8</title>
        <!--[if lt IE 9]>
            <script src="html5shiv.js"></script>
        <![endif]-->
        <style type="text/css">
            header {
                background-color: #000000;
                color: #FFFFFF;
            }
        </style>
    </head>
    <body>
        <header>Hello, world!</header>
    </body>
</html>

スクリーンショット:

ここに画像の説明を入力してください

于 2012-12-21T23:47:02.137 に答える
0

セマンティックな意味を保持しながらこれらの要素のスタイルを設定するクロスブラウザーの方法が必要な場合は、各要素をdivでラップし、CSSをクラスとしてそのdivに適用できます。セマンティックマークアップのほとんどのユースケースは、とにかくスタイルを必要としません。それらの主な目的は、CSSスタイルを介して人間に伝達されるマシンにそれらの情報を伝達することです。

于 2012-12-21T23:52:55.087 に答える
-1

よくあなたは次のようなヘッダー領域をチェックする必要があります

前にコメントを追加した場合

<!DOCTYPE html> 

次に、cssクラスの欠落や属性などの問題が発生します

于 2013-01-05T23:29:35.197 に答える