0

当有人将鼠标悬停在导航项上或导航项页面处于活动状态时，我试图将我的锚文本设为白色。

目前，除了文本颜色外，一切都很好。听起来很简单，但我很挣扎。

当导航项悬停在活动页面上或为活动页面时，我希望锚文本变为白色。目前锚文本只是变成灰色，我怀疑是因为那里的不透明度。

这是我一直在使用的代码：

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

可能这不是相关的代码示例，但我看不出这里还有什么重要的。我在一个 Wordpress 网站上工作，发现使用 CSS 有点棘手。如果有人认为我没有添加相关片段，这里是网站本身：http: //tinyurl.com/m562wgd

4

4 回答 4

1

color: white;从您的规则中删除.dropdown ul li.on，而是将其添加到这个新的 css 规则中：

.dropdown ul li:hover > a {
   color: white;
}
于 2013-06-07T19:01:35.740 回答
1

锚标签不会从其父标签继承颜色，因此您应该明确设置它：

.dropdown ul li:hover a{
    color: white;   
}
于 2013-06-07T19:01:38.970 回答
1

将css添加到li标签内的超链接

.dropdown ul li a:hover {color: white;}
于 2013-06-07T19:01:51.957 回答
0

你是对的，它是使文本显示为灰色的不透明度。您拥有代码的方式是对白色文本应用 40% 的不透明度。如果你真的想要白色，要么完全降低不透明度，要么将其设置为更高的值 (0.9)。

不知道为什么你想要不透明度，但请记住，并非所有浏览器都能识别不透明度 - 并显示 100% 白色。而且我相信 IE8 及更低版本不支持 :hover psuedo-class 在除标签之外的任何东西上。

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

希望这可以帮助。

于 2013-06-07T19:05:13.263 回答