0

私はいくつかの (Bootstrap) CSS を使用しています。現在、ナビゲーションバーのテクスチャを変更しています。これは、私が取り組んでいるセクションの CSS です。

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #000000;
  background-color: #transparent;
}

私は特に背景セクションに取り組んでいます。上部に色の帯を描き、その下に透明度 (または別の色) を描きたいと考えています。グラデーションとは異なり、これらをブレンドしたくありません。このモックアップは Photoshop で作成しました (黒は、できれば透明にしたい部分を表します)。

モックアップ画像

4

1 に答える 1

1

これがあなたが望むものかどうかはわかりませんが、ボーダートップを追加してみてください:

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #000000;
    background-color: #transparent;
    border-top: 3px solid #FF9900;
}
于 2013-10-25T23:20:20.927 に答える