Ul hover проблема с хромом - PullRequest
Новая
       23

Ul hover проблема с хромом

0 голосов
/ 25 июля 2011

Я использую это для отображения выпадающего меню.Он работает во всех браузерах, кроме Chrome:

html: 

   <ul id="menu">

    <li>
    <a href="#" onclick="return false;">Tasks</a>
         <ul id="hiddenmenu" class="add"> // this is the hidden drop down menu
           <li> [.etc..] </li>
         </ul>
  </li>           
  </ul>

, а вот CSS: 

ul#menu li ul.add {
background: #fff;
border: 1px solid #ccc;
cursor: pointer;
cursor: hand;
left: -9000px;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
width: 150px;
    }

    ul#menu li:hover ul.add, ul#menu li.sfhover ul.add {
left: -81px;
top: 4px;
*top: 12px;
    }

Как я могу заставить эту работу работать на Chrome?

1 Ответ

1 голос
/ 25 июля 2011

Я не знаю, почему вы используете -81px, но это перемещает ul над 81px влево одинаково во всех браузерах. С учетом вышесказанного, вы должны указать position: absolute, relative, etc для CSS стилей.

...