FF 显示不需要的边框答案

【问题标题】：FF displaying unwanted borderFF 显示不需要的边框
【发布时间】：2010-11-05 11:43:58
【问题描述】：

我有一个 div 元素在 Chrome 中看起来不错，但 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 white 边框，这些边框在 chrome 中不存在。我想删除那些边界。谢谢。

【问题讨论】：

请把html代码也贴出来
什么元素有 .text 类？它可能有一些默认的填充/边距，导致看起来像白色边框。

标签： html css firefox

【解决方案1】：

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

【讨论】：

我使用了萤火虫。它不显示任何边框。
它是否有可能显示在一个稍微大一点的容器 div 中，所以看起来像一个边框？

【解决方案2】：

可能你有臃肿的 CSS 文件，你已经迷失在其中了 :) 最简单的解决方案是添加边框：无到 .box 类。找到你的坏边界源当然会有所帮助，但它可能在其他地方需要并且无法删除。

我还建议在 css 文件中为“纯白”执行简单的 ctrl+f。

【讨论】：

我试过边界：无；但没有用。边框也仅在FF中显示。铬工作正常。