2015-03-19 68 views
-1

我目前圍繞一個奇怪的問題,只發生在鉻。我試圖將代碼分解爲最基本的部分,實際上它只包含一些簡單的css & html。鉻在最簡單的懸停上的奇怪行爲

下面是代碼:

<style> 
    li > ul {display: none}  
    li:hover {background-color: rgba(0,0,0,0.1);}  
    li:hover > ul { display: block;} 
</style> 
<ul> 
    <li> 
     <div>1</div> 
     <ul> 
      <li> 
       <div>2</div> 
       <ul> 
        <li>2a</li> 
        <li>2b</li> 
        <li>2c</li> 
       </ul> 
      </li> 
      <li>3</li> 
      <li>4</li> 
     </ul> 
    </li> 
    <li> 
     <div>4</div> 
     <ul> 
      <li> 
       <div>5</div> 
       <ul> 
        <li>5a</li> 
        <li>5b</li> 
        <li>5c</li> 
       </ul> 
      </li> 
      <li>6</li> 
      <li>7</li> 
      <li>8</li> 
     </ul> 
    </li> 
    <li> 
     <div>9</div> 
     <ul> 
      <li>10</li> 
      <li>11</li> 
      <li>12</li> 
     </ul> 
    </li> 
</ul> 

看起來很簡單,是吧?如果我把它放在一個.html文件中,並且在chrome中第一次加載這個文件,我無法移動我的鼠標懸停在數字2上的li,因爲它在我到達之前一直消失。李沒有。 5甚至5a可以達到沒有任何問題。在開啓devtools或調整窗口大小後,它會按預期工作,有人可以解釋這種行爲,或者甚至爲此提出一個解決方案 - 在我看來 - 真正奇怪的行爲。 在火狐&即它工作沒有任何問題,試圖做一個小提琴,但我不能在小提琴重建問題。

+0

無法在小提琴中重現,錯誤行爲只會出現,如果它不是在小提琴框,但在.html文件。 – 2015-03-19 11:04:40

+0

我可以懸停在第2號,但沒有任何問題 – 2015-03-19 11:06:35

+0

耶是THX的;)但我不能創建一個小提琴,但問題似乎並沒有發生在小提琴中......你明白我的意思? – 2015-03-19 11:07:26

回答

1

是的。你並不瘋狂,我認爲你的問題被不公平地低估了。

它發生在我身上的一個一直運行良好的網頁上。我可以在windows 8.1(chrome)下的surface pro上覆制錯誤。

錯誤發生,你打開一個新的使sesion,如果你想擺脫它,只需打開一個新的標籤,最小化和最大化你的窗口或只是檢查網絡(Ctrol + Shift + I)

https://code.google.com/p/chromium/issues/detail?can=2&start=0&num=100&q=&colspec=ID%20Pri%20M%20Week%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified&groupby=&sort=&id=468669

+0

哦,我的上帝:)非常感謝你,我真的以爲我瘋了! thx&祝你有美好的一天! – 2015-03-20 10:13:06