2010-12-01 74 views
0

我有一個下拉列表,我有一個頁腳,當我拉下拉列表時...頁腳始終位於阻止視圖的列表前面,我該如何消除這樣的:CSS,下拉和透明度問題

alt text

我的頁腳CSS是:

#footer { 
    height:45px; 
    padding:10px 0; 
    position:relative; 
} 
#footer .inner { 
    position:relative; 
    z-index:2; 
} 
#ie6 #footer .inner { 
} 
#footer .bg { 
    background:url("http://jqueryui.com/images/footer_bg.png") no-repeat scroll left top transparent; 
    height:65px; 
    left:0; 
    position:absolute; 
    top:0; 
    width:100%; 
    z-index:1; 
} 
#ie6 #footer .bg { 
    background:none repeat scroll 0 0 transparent; 
} 
#footer p { 
    color:#5E5E5E; 
    font:9px 'Arial','Helvetica',sans-serif; 
    margin:0; 
    padding:0; 
    text-transform:uppercase; 
} 
#footer p a { 
    color:#BBBBBB; 
} 
#footer span.first { 
    display:block; 
    float:left; 
    padding:6px 0 0 16px; 
} 
#footer .block { 
    display:block; 
    float:left; 
} 
#footer .block span, #footer span.empty { 
    display:none; 
} 
#footer .liferay { 
    background:url("http://jqueryui.com/images/icon_liferay.gif") repeat scroll 0 0 transparent; 
    border:0 none; 
    height:22px; 
    margin:3px 10px 0; 
    width:98px; 
} 
#footer .filamentgroup { 
    background:url("../images/oracle.png") ; 
    border:0 none; 
    height:18px; 
    margin:3px 22px 0 3px; 
    width:90px; 
} 

和這裏的實際頁腳代碼:

+0

看起來像你的問題被切斷。你可以發佈其他代碼嗎?另外,我沒有看到CSS中關於「select」框的任何內容。有相關的CSS/HTML嗎?可能的事實是#footer .bg具有帶背景的絕對位置。它是否發生在所有瀏覽器中?你有沒有在Firebug(用於Firefox)中看過它? – matthewpavkov 2010-12-01 07:14:47

+0

如果`#footer .inner`是上面的z-indexed,而`select`不是,那可能就是它。你需要`#footer .inner`上的z-indexed嗎? – matthewpavkov 2010-12-01 07:17:36

回答

0

設置你的菜單的z-index風格比你的頁腳更高。我只能在那裏看到頁腳樣式,因此我們無法知道您將哪些樣式應用於彈出式菜單。