Проблема стилизации тега HTML5 статьи с использованием библиотеки Java-скрипта modernizr - PullRequest
1 голос
/ 06 мая 2011

Меня раздражает проблема со скриптом modernizr. Предполагается, что этот скрипт позволит Internet Explorer стилизовать новые теги HTML 5, но в моем коде тег заголовка стилизован, а тег article - нет. Если я использую DIV с идентификатором «article» и применяю стили, они видны , так что кажется, что 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>

Ответы [ 2 ]

4 голосов
/ 06 мая 2011

Добавьте article { display: block; } к вашему CSS.Вы можете просто изменить первую строку вашего CSS на:

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

Это решит проблему.

0 голосов
/ 06 мая 2011

Я думаю, что вы используете не ту библиотеку.

"Modernizr не добавляет отсутствующие функции в браузеры, вместо этого он обнаруживает собственную доступность функций и предлагает вам способ поддерживать хороший уровеньконтроля над вашим сайтом независимо от возможностей браузера. "http://www.modernizr.com/

Если вам интересно, что вы можете делать с Modernizr, у ALA есть четкая статья о том, как эффективно его использовать: http://www.alistapart.com/articles/taking-advantage-of-html5-and-css3-with-modernizr/

Пожалуйста,прочитайте лучший ответ на этот другой вопрос: HTML5shiv против Дина Эдвардса IE7-js против Modernizr - какой выбрать?

Я думаю, что библиотека html5shiv может быть более подходящейна ваш вопрос.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...