Jump to content
  • 0

баг с :hover в Opera 9.5


Love_silense
 Share

Question

Имеется выпадающая менюшка на css, посмотреть можно тут http://www.dostavka-usa.com.ua/index_new.php.

Выпадает при наведении на кнопку "выбор товара".

Проблема заключается в том что в opera 9.5(возможно в 9 - тоже. В 8.5 все нормально). второй уровень меню вслывает непосредственно с текста пункта на первом уровне, а не со всего пункта li. Причем если кликнуть на корневыю кнопку и перейти на страницу каталога(соответственно у кнопки появляется стиль :active) данный баг исчезает.

Небольшое уточнение: в местах, где под выпадающим списком первого уровня ничего нет все работает правильно, если же под ним есть текст/рисунок/поле формы - они как бы "мешают" срабатыванию hover на li. При родительской ссылке не имеющей active.

Указывать контейнеру <li> пробовал все что угодно, от ширины и высоты до манипуляций с overflow и visibility.

играющие роль стили :

#multiwiev_menu
{
display:inline;
}


#multiwiev_menu ul
{
position:absolute;
display:none;
background-color:#3879A1;
border: 1px solid black;
padding:0;
font-size:16px;
font-weight:normal;
}

#multiwiev_menu ul.menu-box
{
width:200px;
margin:-4px 0 0 208px;
background:url(../img/menu_body.jpg) repeat-y;
border:none;
text-align:left;
}

#multiwiev_menu li
{
border-bottom: 2px solid #074C6D;
list-style:none;
padding:3px 10px;
margin:0px;
color:#ccddff;
text-align:left;
cursor:default;
}

#multiwiev_menu li.root-item
{
border-bottom:none;
padding:2px 20px;
}

#multiwiev_menu:hover ul.menu-box
{
display:block;
}

#multiwiev_menu:hover ul.menu-box li:hover ul.submenu-box
{
display:block;
}

Единственное в инете что нашел по теме - это вот такую вот констатацию факта без какого-либо решения=(

Если вы когда либо сталкивались с такой проблемой, пожалуйста опишите ваше решение. Сделать нужно было на вчера :( .

Если вы подскажете можно ди как то задать ссылке что-бы она на любой странице имела класс :active тоже буду благодарен т.к. на худой конец и это поможет решить проблему.

Edited by Love_silense
Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

hover висит на div и на li. На <a> ничего нет. В эксплорере он вешается только на <a> в принципе потому там яваскриптовый класс-заменитель hovera, соответственно немного другая реакция на всё. Кроме того все проблемы ИЕ можно решить условными коментариями(и они уже решены). Тобиш трабла только в опере и трабла до сих пор не решена :(

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy