我目前围绕一个奇怪的问题,只发生在铬。我试图将代码分解为最基本的部分,实际上它只包含一些简单的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或调整窗口大小后,它会按预期工作,有人可以解释这种行为,或者甚至为此提出一个解决方案 - 在我看来 - 真正奇怪的行为。 在火狐&即它工作没有任何问题,试图做一个小提琴,但我不能在小提琴重建问题。
无法在小提琴中重现,错误行为只会出现,如果它不是在小提琴框,但在.html文件。 – 2015-03-19 11:04:40
我可以悬停在第2号,但没有任何问题 – 2015-03-19 11:06:35
耶是THX的;)但我不能创建一个小提琴,但问题似乎并没有发生在小提琴中......你明白我的意思? – 2015-03-19 11:07:26