2017-03-16 83 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

謝謝。問題通過消除空間來解決。 –