2014-09-22 89 views
0

我有一個關於下拉菜單自定義的問題。我希望設置我的下拉列表,使其出現在屏幕的固定部分。請看看這個截圖: http://snag.gy/pw12X.jpg靜態下拉菜單

目前,我有這樣的: http://snag.gy/FgqS3.jpg

根據您的參考,這是UL的代碼片段:

.PageMenu li ul { 
    display: none; 
    position: absolute; 
    margin: 0 auto 0 auto; 
    z-index: 10; 
    top: 100% !important; 
    width: 400px; 

    left: 0; 
    background: #262425; 
    list-style-image: none; 
    list-style: none; 

}

我在CSS上很新。是否可以用一些CSS代碼來做到這一點,或者我需要插入一個腳本來處理這個問題?如果是這樣,推動正確的方向將是非常有益的。

謝謝!

回答

0

添加樣式:

position: fixed; 
left: 0 
top: 0 

應該幫助你。它釘在屏幕的元素頂部左上角。

+0

感謝您的回覆!當我將位置更改爲「固定」時,它根本不顯示下拉菜單。 – Rezylience 2014-09-22 15:17:49

+0

將高度設置爲px中的某個值並顯示爲阻止 – aleha 2014-09-22 16:32:32

+0

工作正常!我制定了一些糾結措施,現在我正在努力工作。非常感謝。 – Rezylience 2014-09-22 18:08:37