FF境界線を表示しています

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 白ののクロムには存在しない罫線を持っています。私はそれらの国境を削除したい。ありがとう。

Answer 1

FireBugプラグインを使用して、CSSを表示し、境界がどこから来ているかを確認します。

Answer 2

おそらくあなたは膨大なCSSファイルを持っており、あなたはそれを失っています:)最も簡単な解決法は、.boxクラスにborder：noneを追加することです。もちろん、あなたの悪いボーダーのソースを見つけることは助けになるかもしれませんが、それはどこか別の場所に必要であり、削除することができませんでした。

私はまた、cssファイルで 'solid white'の簡単なctrl + fを実行することをお勧めします。