2012-11-19 38 views
2

更新:解決方案Rohit Azad給了工作,非常感謝。菜單中的下拉列表消失後才能點擊

我已經通過論壇尋找解決方案進行了相當多的搜索,但由於我不知道編碼,我不知道什麼適用於我,哪些不適用。所以,如果這是一個經常解決的問題,我表示歉意,但我會非常感謝您的幫助!

經過多次試驗和錯誤之後,我設法在導航欄上獲得了一個下拉列表頁面;但是,當我點擊一個子頁面時,整個菜單消失。我已經閱讀了其他類似的問題,其中有一個邊緣太大的問題,但我認爲我的邊際設置爲'0'。

的博客地址是:http://swirlstwirlsblog.blogspot.com.au/

我沒有在子頁面的內容,但也有存在,並在HTML/JavaScript的小部件連接。

我也在Chrome,Mozilla和Safari中看過它,這是同樣的問題。

我也不確定這是一個javascript,css還是html問題,所以請在你的回覆中友好 - 我只是新手!

非常感謝任何能夠幫助我的人。

這是我在控件中使用的腳本:

<ul id="jsddm"> 
<li><a href="http://swirlstwirlsblog.blogspot.com.au/">Home</a> 
<li><a href="http://swirlstwirlsblog.blogspot.com.au/search/label/sparkles">Sparkles</a> 
</li> 

<li><a href="http://swirlstwirlsblog.blogspot.com.au/search/label/friendship">Friendship</a> 
</li> 

<li><a href="http://swirlstwirlsblog.blogspot.com.au/search/label/humour">Humour</a> 
</li> 

<li><a href="">About</a> 
<ul> 
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/about_16.html">Us</a></li> 
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/contributers.html">Contributors</a> </li> 
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/advertising.html">Advertising</a> </li> 
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/privacy-policies.html">Privacy</a></li> 
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/contact.html">Contact</a></li> 
</ul> 
</li> 
</li></ul> 

而這裏的HTML代碼,我把模板:

<pre>#jsddm { 
margin: 0; 
padding: 15px; 
z-index:1000000000; 
position:relative; 
} 

#jsddm li { 
float: left; 
list-style: none; 
font: 12px Tahoma, Arial; 
} 

#jsddm li a { 
display: block; 
white-space: nowrap; 
margin:1px 3px; 
padding: 5px 10px; 
border-right: 1px color: eeeeee; 
text-shadow: #ffffff 0 1px 0; 
color: #363636; 
font-size: 15px; 
font-family: crushed; 
text-decoration: none; 
vertical-align: middle; 
} 

#jsddm li a:hover { 
background: #C8C8C8; 
} 

#jsddm li ul { 
margin: 0; 
padding: 0; 
position: absolute; 
visibility: hidden; 
border-top: 1px solid white; 
} 

#jsddm li ul li { 
float: none; 
display: inline; 
} 

#jsddm li ul li a { 
width: auto; 
background: #ffffff; 
} 

#jsddm li ul li a:hover { 
background: #eeeeee; 

}</pre> 

回答

2

...

嗨現在定義z-index#jsddm li ul像這樣

#jsddm li ul{ 
z-index:1; 
} 

結果是

enter image description here