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 上不相关的边框也被删除了。此外，将边框颜色从菜单鼠标悬停颜色更改为另一种颜色会保留边框。