0

プロパティborder-botom-color(CSS側)で、Less(ブートストラップ)に奇妙な問題があります。

アクティブなタブ (セクション 1) の一番下の行が表示されるこの例があります。

フィドル 1

そして、アクティブなタブ (セクション 1) の一番下の行が表示されないこの例があります。

フィドル 2

固有の違いは CSS の 5365 行にあります。最初の例ではborder-bottom-color: transparent;、2 番目の例ではborder-bottom-color: #FFF;

「透明」が機能しない理由を知りたいのですが、色(#FFFなど)を入れると機能しますか?

4

3 に答える 3

1

その理由は、その行が別の場所で生成されているためです。ですから、あなたが置くとき、border-bottom-color:transparent;あなたはちょうどそれを通して他の線を見ているだけです。しかし、それを白にすると、その上に新しい白い線が引かれます。

フィドル表示の問題

于 2013-02-21T02:11:13.300 に答える
1

これは、ul.nav-tabsタグ(タグの親a)に色付きの境界線、長い灰色の水平方向の境界線があるためです(jsfiddle1行5328を参照)。a親の境界線を上書きするには、境界線の下部の色を白に設定して、透明に見えるようにする必要があります。

于 2013-02-21T02:12:19.977 に答える
1

transparentプロパティで定義された境界線の上に完全に透明な境界線を追加するだけなborderので、色が表示されます。#fffは境界線の上部に表示され、他の色をブロックするため、白が表示されます。各境界線の色を個別に指定することで、問題を回避できます。

于 2013-02-21T02:12:26.063 に答える