2015-03-19 69 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