html - CSS, drop down and transparency problem -
i have drop down list , have footer, when pull down drop down list... footer in front of list blocking view, how can eliminate this:
my css footer is:
#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 { 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; }
and here's actual footer code:
set menu's z-index
style higher footer's. can see footer styles there can't know styles have applied popup menu.
Comments
Post a Comment