Question

我有一个在Chrome中显得很好的div元素，但Firefox出于某种原因决定在它周围放置一个边框。让我在这里分享CSS：

#cpanel {
    width: 320px;
    height: 75px;
    position: absolute;
    //left: 28%;
    //top: 32%;
    z-index: 9996;
    //visibility: hidden;
    display:none;
}

.box {
    z-index:9997;
    //border: 1px solid #000;
    width: 75px;
    height: 75px;
    float:left;
    margin-left: 2px;;
    /*display: block;*/
    background-color: #000;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);      
}
.box .text{
    width: 75px;
    text-align: center;
    color: white;
    position: absolute;
    //top: 40%;
    z-index: 9998;
}
#cpanel.on {
    visibility: visible;
}

cpanel是最外层的div。 .box div是cpanel div中的小盒子。并且这些盒子以某种方式具有1px 白色边框，这些边框不存在于chrome中。我想删除这些边界。感谢。

Answer 1

使用FireBug插件查看CSS并查看边框的来源。

Answer 2

可能你有臃肿的CSS文件而且你输了:)最简单的解决方案就是将border：none添加到.box类。找到你的坏边界来源当然可能有所帮助，但可能需要在其他地方使用，无法删除。

我建议在css文件中为'solid white'做简单的ctrl + f。

FF显示不需要的边框

2 个答案: