Question

我目前正在围绕一个只出现在chrome中的奇怪问题。我试图将代码细分为最基本的部分，实际上它只是简单的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或调整窗口大小后，它按预期工作，有人可以解释这种行为，甚至想出一个解决方案 - 在我看来 - 真的很奇怪的行为。在firefox＆amp;即它没有任何问题，试图做一个小提琴，但我无法重建小提琴中的问题。

Answer 1

是。你并不疯狂，我认为你的问题被不公平地贬低了。

在我的一个网站上发生过一直很好用的事情。我可以在Windows 8.1（chrome）下在曲面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

Chrome在最简单的悬停时的奇怪行为

1 个答案: