0

私はWordpressのナビゲーションをいじっています。ホバー状態で各 li アイテムの背景がオレンジ色に変わり、テキストが黒から白に変わるナビゲーションがあります。

どうやら3色展開になっているようです。ホバーがない<a>場合は黒、<li>アイテムが<a>タグ テキストにホバーされている場合はグレー、真ん中の<a>タグにホバーするとテキストの色は白です。

アンカー テキストには 2 つの色が必要です。デフォルトでは黒、ホバー時は白です。オレンジがアクティブになると、白いテキストもアクティブになるように、グレーを停止する必要があります。

関連する可能性のあるこのWordpressサイトのコードがいくつかあります。私は以下のものを推測していますが、この特定の問題のためにどこを編集するかわかりません. 誰かがポインターを提供できる場合 ウェブサイトはここにあります、私は何を選択しようとしているのかさえわかりません:

tinyurl.com/m562wgd 

/*     2.2.1 Top Drop-down menu */
    .dropdown ul,
    .dropdown ul li,
    .dropdown ul ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }

と

.dropdown ul li {
  float: left;
  min-height: 1px;
  line-height: 1.3em;
  vertical-align: middle;
}
.dropdown ul li.hover,
.dropdown ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
4

2 に答える 2

1

グレーはなく、ルールの不透明度が変化するだけです。

.dropdown ul li.hover, .dropdown ul li:hover, .dropdown ul li.on {
    background-color: orange;
    opacity: 0.4;
}

これにより、黒が灰色に見えます。また、次のルールを追加して、リスト項目にカーソルを合わせたときにリンクを白くします。

.dropdown ul li:hover a {
    color: white;
}
于 2013-06-06T18:43:49.843 に答える