1

modernizr スクリプトで発生している厄介な問題です。このスクリプトは、Internet Explorer が新しい HTML 5 タグのスタイルを設定できるようにするためのものですが、私のコードではヘッダー タグはスタイル設定されていますが、アーティクル タグはスタイル設定されていません。「article」という ID の DIV を使用してスタイルを適用すると、それらが表示されるので、記事タグに対して modernizr が機能しないように見えますか? これをテストするためにIE 8を使用しています。

<!DOCTYPE html>
<meta charset="utf-8"/>
<html class="no-js">
<head>
    <title>Title</title>
    <script src="~Scripts/modernizr-1.7.min.js" type="text/javascript"></script>
    <style>
    header,footer,nav,section {display: block;}
    article, #article {border:1px solid red;}
    header {height: 95px;border-bottom: 8px solid #6b6b6d;}
    </style>
</head>

<body>

<div class="page">

    <header>
        LOGO | Title
    </header>

    <article>
        <h2>article element</h2>
    </article>

    <nav>
        <ul id="menu">
            <li>Link 1</li>
            <li>Link 2</li>
        </ul>
    </nav>

    <div id="article">
        <h2>div with id article</h2>
    </div>

</div>

<footer>
    footertext
</footer>

4

2 に答える 2

4

article { display: block; }CSSに追加します。CSSの最初の行を次のように変更するだけです。

header, footer, nav, section, article { display: block; }

それで問題は解決します。

于 2011-05-06T09:42:58.427 に答える
-4

間違ったライブラリを使用していると思います。

「Modernizr は不足している機能をブラウザーに追加しません。代わりに、機能のネイティブ可用性を検出し、ブラウザーの機能に関係なく、サイトを細かく制御する方法を提供します。」http://www.modernizr.com/

Modernizrで何ができるかに興味がある場合は、ALA に、それを効果的に使用する方法に関する明確な記事があります。 -modernizr/

HTML5shiv vs Dean Edwards IE7-js vs Modernizr - どちらを選ぶべきか?

html5shivライブラリの方が問題に適していると思います。

于 2011-05-06T08:50:24.073 に答える