Неупорядоченный список внутри nav отсутствует в Opera - все остальные браузеры ведут себя нормально - PullRequest
0 голосов
/ 11 марта 2012

Один из моих сайтов имеет горизонтальную панель навигации, которая создается с использованием списка.Помимо небольшой ошибки в Firefox, список выглядит и работает отлично - за исключением Opera 11.61.Там элементы списка не будут отображаться вообще!Поскольку список является основной навигацией сайта, он вложен в элемент nav.До сих пор моя отладка показала, что именно в этом проблема.

Когда я удаляю любую фоновую информацию (например, background-image или background-color) из элемента nav, список все еще невидим - я вижуbody х background-color.Также присвоение различных значений z-index ничего не сделало.Но удаление элемента nav помогает - когда нет nav, появляется список.

Я создал небольшой тестовый пример, иллюстрирующий проблему (помните: должен открываться в Opera.): http://jsfiddle.net/sX5KF/

Есть ли у вас какие-либо понятия, почему возникает эта проблема?Есть ли ошибка в моем коде или это просто ошибка в Opera?Что я могу с этим поделать?

1 Ответ

1 голос
/ 12 марта 2012

Хорошо, я нашел ошибку. Opera ничего не отображает, потому что я установил content: ""; на элементе after. Другие браузеры, кажется, игнорируют это, но не Opera. Я установил его, потому что я прочитал, что это необходимо, но на самом деле это работает даже без content: "";.

...