我目前圍繞一個奇怪的問題,只發生在鉻。我試圖將代碼分解爲最基本的部分,實際上它只包含一些簡單的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