10

HTML5 要素を含む IE8 でスタイルを取得できません。私はstackoverflowとGoogleをトロールしましたが、私が試した提案はありません。

私ははるかに精巧なページ (XHTML フレームワークを HTML5 に変換しています) から始めましたが、少しも心配していませんでしたが、エミュレートされた F12 IE8 標準モード IE でゼロの結果が表示された後...ここに私ができる簡単なコードがあります動作しません:

<!doctype html>
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta charset="UTF-8" />
        <title>Template</title>
        <style type="text/css">
            header {
                display: block;
                border:1px solid red;
            }
        </style>
    </head>
    <body>
        <header>
            HTML5 HEADER
        </header>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    </body>
</html>

オビ＝ワンを助けてください、あなたは私の唯一の希望です。

4

3 に答える 3

32

HTML5Shiv のscript要素を他のすべてのand要素の前headにsection に移動します。stylescript

于 2013-04-09T00:59:29.197 に答える
5

スタイル宣言の前にシブを移動します。

最新のブラウザーでパフォーマンスを向上させるには、shiv に条件付きコメントを使用することをお勧めします。

<!doctype html>
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta charset="UTF-8" />
        <title>Template</title>

        <!--[if lt IE 9]>
            <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

        <style type="text/css">
            header {
                display: block;
                border:1px solid red;
            }
        </style>
    </head>
    <body>
        <header>
            HTML5 HEADER
        </header>
    </body>
</html>
于 2013-04-09T01:04:23.560 に答える
0

同様の問題がありましたが、私の問題は IE 条件付きコメント構文に関係していました。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML5 Shim Test</title>

    <style>
        nav ul { font-weight: bold; }
        /* the links wont be bold in IE8 unless the shim is working */
    </style>

    <!--[if lt IE 9] >
    <script src="html5shiv.js"></script>
    <![endif]-->

</head>
<body>
    <nav>
        <ul>
            <li><a href="#">Link 1</a></li>
            <li><a href="#">Link 2</a></li>
            <li><a href="#">Link 3</a></li>
        </ul>
    </nav>
</body>
</html>

]との間のスペースに気付きまし>た<!--[if lt IE 9] >か? 私もそうではありませんでした...非常に長い間。スペースを削除すると、すべてがうまく機能します。

また、HTML5 Shim プロジェクト ページには、shim は にある必要があると記載されてい<head>ますが、スタイルシートの後に配置することもできます。

<body>「要素の前 (つまり)に含める必要がありますが<head>、CSS の前または後に表示するかどうかは問題ではありません。ただし、パフォーマンスのために、最初に CSS を含めてからこのスクリプトを含める方が理にかなっています。」https://code.google.com/p/html5shi/経由

于 2013-11-26T00:37:52.537 に答える