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懸停問題與鉻

回答

相關問題