Выпадающее меню не работает в Opera
Я просто случайно зашел на свой сайт в Opera, чего я (тупо) не делал несколько недель, только чтобы обнаружить, что мое выпадающее меню полностью сломано. При наведении курсора на родительский элемент все элементы меню перемещаются, поэтому меню разрывается. Это не происходит ни в одном другом браузере, который я проверял.
Может кто-нибудь увидеть что-нибудь, что может быть причиной этого в моем коде?
Спасибо
$(document).ready(function () {
$('#nav li').hover(
function () {
$('ul', this).slideDown(200);
},
function () {
$('ul', this).slideUp(100);
}
);
});
CSS
ul#nav {list-style: none; white-space: nowrap; float: right; position: absolute; bottom: 10px; right: 0;}
ul#nav li {display: inline; margin-right: 10px; padding: 0 10px; position: relative; text-transform: uppercase;}
ul#nav li.last {margin-right: 0;}
ul#nav li.slash {padding: 0;}
ul#nav li a {text-transform: uppercase; font-size: 12px; color: black; padding: 10px 0 10px 10px; margin-bottom: 10px;}
ul#nav li a:hover {text-decoration: underline;}
ul#nav li a.active {font-style: normal; text-decoration: underline;}
ul#nav li a.active:hover {color: black;}
ul#nav li.parent_selected, ul#nav li.selected {font-style: italic;}
#nav li ul {position: absolute; top: 26px; right: 0; padding: 20px 0 10px 20px; background-color: #f6f6f6; border: 1px solid #ccc; text-align: right; z-index: 999;}
#nav li ul li {display:block; margin-bottom: 10px; padding: 0;}
#nav li ul li a {text-transform: none; font-size: 12px; color: black;}
#nav li ul li a:hover {text-decoration: underline;}
Поскольку он работает во всех основных браузерах (кроме Opera), я не решаюсь возиться с ним, пока не пойму, что это не так.
Спасибо
1 ответ
Я был там раньше (и часто): Opera (что в любом случае правильно делать) ожидает, что все будет просто. В то время как я могу обойтись без пропусков практически в любом другом браузере, если я, например, не делаю "очистить оба" или "отображать блок" в одном элементе, в Opera все не синхронизируется.
Проверьте каждый элемент с, высота, плавающий и т. Д.
PS: я даже не посмотрел на твой код.