无人认领的空间 - 下拉菜单CSS中的Wordpress

-1

我有一个问题，获取Wordpress模板下拉菜单的效果。我已经尝试了很多个小时，并且没有改变。我对CSS的知识不是太大，所以我请你帮忙。无人认领的空间 - 下拉菜单CSS中的Wordpress

我添加到模板功能下拉菜单，该菜单对儿童的主题起作用。我想摆脱子菜单中不需要的项目。例如，我对“测试1”和“dropmenu”的效果感兴趣。

儿童代码：

.sub-menu { 
    visibility: hidden; /* hides sub-menu */ 
    opacity: 0; 
    top: 100%; 
    left: -20px; 
    height: 0px; 
    width: 100%; 
    transform: translateY(-2em); 
    z-index: -1; 
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; 
} 

.menu-item:hover .sub-menu { 
    visibility: visible; /* shows sub-menu */ 
    opacity: 1; 
    display: block; 
    height: 64px; 
    z-index: 1; 
    transform: translateY(0%); 
    transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */ 

} 

.menu-item { 
    position: relative; 
    display: inline-block; 
}

图片：explanation

网站：here link

来源

2017-01-27 dezajner

欢迎！请提供[mcve]。 –

的空间从.sub-menu到来。您有height: 0;,.sub-menu，这很好，但li的边缘顶部正在溢出并创建该空间。

将overflow: hidden;添加到.sub-menu似乎解决了它。

来源

2017-01-27 01:11:13

无人认领的空间 - 下拉菜单CSS中的Wordpress

回答

相关问题