2012-02-06 83 views
0

我試圖在嵌套的ul項目中顯示光盤,但沒有成功。我不熟悉這種行爲讓人懷疑它可能有一些做的名單relative & absolute位置:list-style-type not displayed

<ul class='top'> 
<li><a>whatever</a> 
    <ul class='sub'> 
    <li><a>whatever sub</a></li> 
    </ul> 
</li> 
</ul> 

ul.top{ 
position: relative; 
} 
ul.sub{ 
position: absolute; 
width: 100%; 
list-style-type: disc; 
} 
ul a{ 
position: relative; 
display: inline-block; 
z-index: 9999;   
} 

       }  

COMPLETE JSFIDDLE HERE

的項目會出現正是我想要的方式,但我的風格disc丟失。
任何幫助表示讚賞。

+0

您是否正在使用CSS重置?你的光盤子彈對我來說顯得很好:http://jsfiddle.net/QCgQa/ – j08691 2012-02-06 22:04:40

+0

對我來說似乎很好。他們都是光盤。 – 2012-02-06 22:05:37

+0

爲我工作。你使用的是什麼瀏覽器?什麼版本? – pycoder112358 2012-02-06 22:08:37

回答

-1

這裏的問題:

*{ 
    margin: 0; 
    padding: 0;  
    list-style: none; 
    text-decoration: none; 
    color: black; 
    font-family:"Times New Roman", Times, serif; 
} 

列表樣式:無;正在阻止列表符號被顯示。刪除它,它應該工作正常。

+0

不!嘗試編輯我的JSFIDDLE,你會發現它不是爲什麼。 – 2012-02-06 22:30:22

0

編輯:好的,我想你想讓光盤出現在這樣的菜單中..然後我的解決方案不是那麼好 - 只是想給你一個簡單的方式來建立菜單與列表。對不起,如果我誤導了你。


我有點放棄,在HTML正在我的腦袋疼:)

但問題在於凌亂position:relative/absolute聲明加上顯示:內聯某處設置<a>標籤..

Here's how you should build your menu list - much simpler (example on JSFiddle)

+0

溢出是有原因的。如果您喜歡默認值,則無需定義頂部,底部爲絕對值 – 2012-02-07 17:49:24