css nav ul не работает

#css #html

#css #HTML

Вопрос:

Я создал новый веб-сайт, и моя проблема в том, что меню работает нормально в FF и других браузерах, но не в IE.

Проблема в том, что в нем не отображаются элементы списка, нет наведения курсора, нет цвета и он не встроен.

вот код

 nav {
    margin-top: 15px;
}

nav ul {
    position: relative;
    left: 297px;

}

nav li  {
    float: left;
    padding: 0 20px;
    font-size: 12px;
    line-height: 65px;
    background: url(images/line.png) no-repeat right 10px;
    height: 72px;
    text-transform: uppercase;

} 

nav li a {
    color: #656464;
    text-decoration: none;
    display: block;
}

nav li:hover {
    background: url(images/hover.png) repeat-x 0 35px;
    color: #242424;
}

не мог бы кто-нибудь, пожалуйста, дать мне подсказку?

Ответ №1:

nav это элемент HTML5; старые IES не распознают его и, следовательно, не будут применять ваши стили.

Чтобы заставить IE распознавать разметку HTML5, поместите HTML5 shiv на свою страницу, затем объявите правило для nav и любых других элементов HTML5, которые вы используете, придав им display: block стиль, чуть выше того CSS, который у вас есть сейчас.

1. заголовок, навигация, статья, нижний колонтитул, адрес добавлены в верхнюю часть css в виде блока, shiv добавлен, но все еще не работает: S

2. хорошо, я чувствую себя действительно глупо. проблема была в заточке, я не связал ее, понравилось, как <script src=» html5shiv.googlecode.com/svn/trunk/html5.js «></… > он был связан как <script src=» html5shiv.googlecode.com/svn/trunk/html5.s «></script > искренне сожалею и благодарю вас за ответы

3. Нет проблем, рад, что вы с этим разобрались!

Ответ №2:

<nav> прекрасно использовать на странице, но вы столкнетесь с проблемами при попытке ее оформления, поскольку многие браузеры просто пропускают тег, если они его не понимают.

Оберните <nav> тег в div-оболочку и оформите его таким образом, а семантические теги удалите из них все стили, чтобы они были голыми.