0

タイトルは私の問題をほぼ説明しています。ページの上部に、複数のドロップダウン セクションがあるナビゲーション メニューがあります。これで、すべての背景色が完全に認識されました。唯一の問題は、現在表示されているメニュー (「Weblog」としましょう) で、指定された背景色が無視され、デフォルトの背景が与えられることです。基本的に指定されたすべてのページを取得してメニューに配置する ModX の Wayfinder スニペットを使用しています。ウェイファインダー呼び出しはあまり役に立たないので、以下の css に注意してください。私はあらゆる種類の提案と改善を受け入れています。乾杯、

#nav {
/*   float: right; */
  font-style:uppercase;
  margin-left:100px;
  margin-right: 62px;
  margin-top: 36px;
  z-index: 2;
}               
#nav a{
  padding: 0 10px;
  letter-spacing: 1px;
}

#nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 2;
}


#nav ul li.active a {
  background: #3f3a2b;
}
#nav ul li:hover{
  background-color:#3f3a2b;
}

#nav ul li {
  position: relative;
}

#nav ul li a {
  font-size: 13px;
  padding: 4px 8px;
  display: inline-block;
  font-family: Georgia, "Times New Roman", Times, serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 28px;
  color: #fff;
}


#nav ul li ul{
  border: 1px solid #2a2a2a;
}
#nav ul li ul li{

}
#nav ul li ul li:hover{
  background-color:#3f3a2b;
}
#nav ul li ul li a{
  color:black;
  font-size:11px;
  line-height:15px;
  border:none !important;
  width:170px;
  background: #FFF;
}
#nav ul li ul li a:hover{
  background-color:#3f3a2b;
}

#nav ul ul,
#nav ul ul ul {
  display: none;
  z-index: 2;
}

#nav ul li:hover > ul {
  display: block;
  position: absolute;
  top: 35px;
  left: 0;
}

#nav ul li:hover > ul li {
  float: none;
  background: #FFF;
  position: relative;
}

#nav ul li:hover > ul li:hover ul {
  display: block;
  position: absolute;
  top: 0;
  left: 186px;
}
#nav ul li ul li a:hover{
  background-color:#3f3a2b;
  color:white;
}
#nav ul li:hover ul li:hover ul {
  display: block;
}

#nav ul li ul li ul li a{
/*   line-height:25px !important; */
}

編集

ここに私の問題を説明するいくつかのスクリーンショットがあります:

全商品こんな感じです。

^これがすべてのアイテムの外観です^

これは、現在そのページのいずれかにいる場合のメニューの外観です ^これは、現在そのページのいずれかにいる場合のメニューの外観です^

4

2 に答える 2

0

weblog はli.active、このルールは彼の色を変更します:

#nav ul li.active a {
   background: #3f3a2b;
}
于 2013-04-26T14:49:20.490 に答える