css - Chrome 的 ul 悬停问题

Question

我用它来显示下拉菜单。它适用于除 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 上运行它？

Answer 1

我不知道你为什么要使用 -81px，但这会将 ul 移到 81px 上以相同的方式向左移动在所有浏览器中。话虽如此，您应该为 CSS 样式指定一个 position: absolute, relative, etc。