ul悬停问题与铬

我用它来显示下拉菜单。它可以在所有的浏览器Chrome的除外：ul悬停问题与铬

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; 
    }

我怎么能做出铬这项工作？

来源

2011-07-25 Dan Dinu

它是在铬版本11.0.696.68 –

你正在尝试哪个版本？ –

为什么不使用显示：当没有悬停时显示：显示：当悬停时显示块？适用于所有浏览器 –

我不知道你为什么要使用-81px，但是在所有浏览器中将ul向81px移动到左侧的方式相同。这就是说，你应该指定position: absolute, relative, etc到CSS样式。

来源

2011-07-25 14:24:24 Phil

也不知道他为什么直接使用display：none;并显示：block; –

我不知道究竟是什么问题，我假设他正试图让它在鼠标上浮出屏幕？如果是这样的话，切换“显示”将是一种更有效的方法，你是对的。 – Phil

我试过显示方法。它的作品谢谢 –

ul悬停问题与铬

回答

相关问题