Question

查看此图片：http://coreyyoungcorp.com/images/border.png

这似乎只发生在div有边框但我不知道为什么。

这是引起问题的CSS：

border-top:1px solid #fff;
border-bottom:1px solid #ddd;

这是完整的div CSS：

#network-menu-row {
    width:100%;
    position:relative;
    padding-top:10px;
    padding-bottom:10px;
    position:relative;
    background: #e5e5e5;
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
    border-top:1px solid #fff;
    border-bottom:1px solid #ddd;
}

有谁知道造成这种情况的原因是什么？它甚至不会一直发生。大部分时间它都很好，并显示适当的颜色，但它不时地决定以蓝色显示。我想也许使用完整的6个字符的十六进制代码可能会修复它，但它没有，也没有改变边框厚度。

它总是在我的桌面浏览器上正常工作。

提前致谢。

Answer 1

修正了问题。因为链接一旦被“访问”，当由于某种原因导航回锚时改变了边框颜色。使用以下内容来修复它：

a:visited div {
    border:inherit;
}

移动Safari奇怪的边框颜色问题

1 个答案: