我的wordpress网站导航菜单直接弹出一个子菜单,你能帮我用CSS让它平滑弹出并淡入子菜单吗
像这个例子:
我在 wordpress 上试过了,但是没用
我试过了,没用
.main-navigation ul li ul.sub-menu
{
transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.main-navigation ul.sub-menu:hover
{
opacity: 1;
height: auto;
overflow: none;
}
这是我的 wordpress 菜单导航的 CSS
{
.main-navigation {
margin-top: 24px;
margin-top: 1.714285714rem;
text-align: center;
}
.main-navigation li {
margin-top: 24px;
margin-top: 1.714285714rem;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.42857143;
}
.main-navigation a {
color: #5e5e5e;
}
.main-navigation a:hover {
color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
display: inline-block;
}
</i>
最佳答案
您正在为两个不同的元素设置样式
".main-navigation ul li ul.sub-menu"不等于 ".main-navigation ul.sub-menu:hover"
修复此错误时,如果它不起作用,请尝试使用“缓入缓出”而不是“缓动”
:)
关于css - Wordpress CSS 导航菜单悬停淡入淡出效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22640919/