2016-08-16 30 views
-2

我有一個問題,我正在用xml編寫一個html。我曾經使用notepad ++編寫帶有下拉菜單的導航菜單。現在我正在使用氧氣,導航菜單不起作用。 問題是下拉列表不可用。剩下的就好了。 這是我的代碼的一部分:在xsl中有兩個級別的導航菜單

ul#css3menu1 a { 
     width: 100px; 
     display : block; 
     vertical-align : middle; 
     text-align : left; 
     text-decoration : none; 
     font : bold 14px 50; 
     background-color : #FFFFFF; 
     text-shadow : 0 0 1px #FFF; 
     cursor : pointer; 
     padding : 10px; 
     background-color : #FFFFFF; 
     background-image : #000000; 
     color:#000; 
     background-repeat : no-repeat; 
     background-position : 0 0; 
     font: 14px Courir; 
     border-width : 0 0 0 1px; 
     border-style : solid; 
     border-color : #C0C0C0; 
} 

ul#css3menu1 ul { 
     display : none; 
     position : absolute; 
     left : 0; 
     top : 100%; 
     box-shadow : 3.5px 3.5px 5px #000000; 
     background-color : #COCOCO; 
     border-radius : 6px; 
     border-color : #000000; 
     padding : 0 10px 10px; 
} 


ul#css3menu1 li:hover > * { 
     display : block; 
} 
<!--normally in this part the second level gets available !?!?!--> 

回答

0

應該與此代碼爲懸停部分工作:

ul#css3menu1 ul:hover { 
     display : block; 
} 

的問題是,ul隱藏因爲display: none;屬性,因此,當您更改顯示爲了阻止兒童,即li和兒童元素,它不起作用,因爲ul仍然隱藏。