2

我在 web 和 stackoverflow 上搜索了这个问题，但我似乎没有找到解决我的问题的方法。我尝试这样做，因此当您将鼠标悬停在列表项上时，会出现一个从 0 到 100% 不透明度的底部边框。但是当我加载/重新加载页面时，我的列表项下会出现一个边框并立即被删除。这里有几张图片来说明我的意思：

1）加载/重新加载页面（显示边框） 重新加载时显示边框

2）边界消失（它实际上应该像这样开始！） 就像第一次加载时一样

3) 悬停时（过渡完成后） 悬停时

4) 这是我目前正在开发的网站的链接。铬版本：22.0.1229.94

这里是我使用的 html 和 css：

一）HTML

        <ul id="menu">
            <li><a href="index.html#">home</a></li>
            <li><a href="index.html#">contact</a></li>
            <li><a href="index.html#">find me</a></li>
            <li><a href="index.html#">downloads</a></li>
        </ul>

二）CSS

#menu li+li:before
{
    content: '//';
    color:#e27c18;
    font-size:1.2em;
    margin-right:10px;
}

#menu li a
{
    border-bottom:1px solid rgba(226, 124, 24, 0);
    -webkit-transition:border-bottom-color 300ms ease-in 200ms;
    -moz-transition:border-bottom-color 300ms ease-in 200ms;
    -o-transition:border-bottom-color 300ms ease-in 200ms;
    transition:border-bottom-color 300ms ease-in 200ms;
}
#menu li a:hover
{
    border-bottom:1px solid #e27c18;
    border-bottom:1px solid rgba(226, 124, 24, 1);
    -webkit-transition:border-bottom 300ms ease-in 200ms;
    -moz-transition:border-bottom 300ms ease-in 200ms;
    -o-transition:border-bottom 300ms ease-in 200ms;
    transition:border-bottom 300ms ease-in 200ms;
}

现在我想要的是，当您重新加载或加载页面时，没有带有正确过渡的可见边框（这是过渡正确反应的唯一方式）。

编辑：我注意到只有少数人有这个问题，这使得修复这个错误变得更加困难：/。

4

0 回答 0