css 边框淡出

Question

我有一个由下面的 css 创建的边框。 .left 是一个 div，而 .left-menu 是嵌套在 .left 中的 ASP.NET 菜单控件。在 IE、FF 和 Chrome 中呈现边框时会发生一些我不明白的事情。边界最初出现，然后慢慢消失并完全消失。没有运行 javascript。它似乎不是动画，也不是渐变。边框最初出现，然后立即开始淡入白色背景，然后完全消失。整个过程大约需要 2-3 秒。如果我将颜色更改为 #ff0000 之类的颜色，边框会保留并且不会消失。

.left
{    
    min-height: 400px; 
    padding: 0px; 
    margin: 0px;
    padding-top: 50px;
    border-right: 2px solid #f1f1f2;
    float: left;
}

.left-menu, .left-menu ul
{
    width: 100% !important;
}

.left-menu ul li a
{    
    padding: 10px;
    padding-left: 25px; 
    padding-right: 50px;    
}

Answer 1

所以我发现问题实际上是由 ASP.NET 菜单控件生成的流氓 javascript。 DisappearAfter 属性被操纵，实际上在渲染后立即淡出边框。奇怪的是，此功能存在错误，因为菜单上方的 div 上不相关的边框也被删除了。此外，将边框颜色从菜单鼠标悬停颜色更改为另一种颜色会保留边框。