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