0

我正在摆弄 Wordpress 导航。我有一个导航，在悬停状态下，每个 li 项目的背景变成橙色，文本是从黑色变成白色的。

似乎有 3 种颜色正在发生。如果没有悬停，<a>则为黑色，当<li>项目悬停在<a>标签上时，文本为灰色，当您悬停在标签的中间时，<a>文本的颜色为白色。

锚文本应该有两种颜色：默认为黑色，悬停时为白色。我需要停止灰色，以便在激活橙色时，白色文本也是如此。

这个 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

4

灰色来自 li 不断变化的不透明度。当您将鼠标悬停在锚标记上时，您只会看到白色，因为这是您设置悬停的唯一位置

添加

.dropdown ul li:hover a {
  color: white;
}

应该这样做

于 2013-06-06T18:37:48.873 回答
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 回答