2017-03-16 91 views
-4

嗨我正在制作菜单和子菜单。我想打开菜单项悬停的子菜单,但它不能打开!它在想,如果你能帮助我在此我想打开菜单项悬停的子菜单,但它不打开


 
.womendress: hover > .menu1 { 
 
\t display: block; 
 
} 
 
.menu1 { 
 
\t display: none; 
 
\t position: relative; 
 
\t float: right; 
 
\t width: 500%; 
 
\t height: 300px; 
 
\t right: 0px; 
 
\t top : 50px; 
 
\t z-index: 10; 
 
}
<nav> 
 
    <ul> 
 
    <li class="womendress"> پوشاک زنانه 
 
     <ul class="menu1"> 
 
     <li class="tshirt">تیشرت </li>    
 
     <li>شلوار</li> 
 
     <li>پیراهن</li> 
 
     <li>سارافون</li> 
 
     </ul> 
 
    </li> 
 
    <li> تخفیفات </li> 
 
    </ul> 
 
</nav>

+3

把你的实际代码在后,所以我们有一个[MCVE],不截屏。 –

+0

欢迎来到SO,请参考帮助中心,看看如何提出一个好问题 – Pete

回答

1

你必须在悬停规则.womandress:hover之间的空间 - 删除。除此之外,在子菜单中的设置显得有点不切实际......(应该有position: absolute,没有float,少宽度等等,等等)

+0

谢谢。问题通过消除空间来解决。 –