2017-10-11 19 views
1

this postthis postのテクニックを含むこの血なまぐれのヘアラインを取り除くためにすべてを試しましたが、石鹸はありません。ここで私が扱っています何の画像です:Bootstrap Navbarに奇妙なヘアラインの境界があります

white hairline border on navbar

それがページのヘッダ全体を横断し、それがどこから来ているウェビーすべての愛のために、私は見つけることができません!透明な背景を持つちょうど基本的なnavbar。私はdevtoolsのCSSリスト全体をplumbしていました。私が見つけた最も近いものは.navbar-default .navbar-collapse, .navbar-default .navbar-formborder-colorでした。

この段階ではどの啓発も大歓迎です。 TIA!

WR!

+0

border-widthを0pxに設定していますか? – Robby

+0

セレクタは? .navbar?はい。 – WhiteRau

+0

あなたのコードを掲載している方が、より良いコードコーペインが役立つでしょう。 –

答えて

2

.navbar-defaultはあなたが見ることができるものであるボックスシャドウを、持っている:その行を取り除くために、独自のCSSで

-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075); 
box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075); 

オーバーライドそれを:

-webkit-box-shadow: none; 
box-shadow: none; 

はここCodepenです。

+0

それはバニーの権利です...決してそれを確認するには!ありがとうございました。返答に時間がかかりすぎるという謝罪があります。 :P – WhiteRau

関連する問題