Выпадающее меню не работает в Opera - PullRequest
Новая
       15

Выпадающее меню не работает в Opera

0 голосов
/ 12 ноября 2011

Я случайно проверил свой сайт в 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 Ответ

0 голосов
/ 12 ноября 2011

Я был там раньше (и часто): Opera (что в любом случае правильно делать) ожидает, что все будет просто. Несмотря на то, что я могу обойтись без пропусков практически в любом другом браузере, если, например, я не делаю «очистить оба» или «отображаем блок» в одном элементе, в Opera все не синхронизируется.

Проверьте каждый элемент с, высота, плавающий и т. Д.

PS: я даже не посмотрел на твой код.

...