日期:2014-05-17  浏览次数:20822 次

难题:用css做的下拉菜单被<select></select>遮挡了!
听说是IE的一个问题,请问可不可以做一个仿select的,只要不遮挡菜单就好了。
如果可以修改改代码更好,代码如下:(都是从网下找下来的)
<style   type= "text/css ">  
<!--  
@import "dhtml-horiz.css ";  
-->  
document{
overflow:scroll;overflow-x:hidden;
}
body   {  
margin:   0;  
padding:   0px;  
background:   #FFF;  
color:   #666;
}  
h1   {  
font:   bold   16px   Arial,   Helvetica,   sans-serif;  
}  
p   {  
font:   11px   Arial,   Helvetica,   sans-serif;  
}  
a   {  
color:   #900;  
text-decoration:   none;  
}  
a:hover   {  
background:   #900;  
color:   #FFF;  
}  
/*CSS   Code   for   Menu   Begin:*/  
/*   Root   =   Horizontal,   Secondary   =   Vertical   */  
ul#navmenu   {  
margin:   0;  
border:   0   none;  
padding:   0;  
width:   1024;   /*For   KHTML*/  
list-style:   none;  
height:   24px;  
}  
ul#navmenu   li   {  
margin:   0;  
border:   0   none;  
padding:   0;  
float:   left;   /*For   Gecko*/  
display:   inline;  
list-style:   none;  
position:   relative;  
height:   24px;  
}  
ul#navmenu   ul   {  
margin:   0;  
border:   0   none;  
padding:   0;  
width:   160px;  
list-style:   none;  
display:   none;  
position:   absolute;  
top:   24px;  
left:   0;  
}  
ul#navmenu   ul   li   {  
float:   none;   /*For   Gecko*/  
display:   block   !important;  
display:   inline;   /*For   IE*/  
}  
/*   Root   Menu   */  
ul#navmenu   a   {  
border:   1px   solid   #FFF;  
border-right-color:   #CCC;  
border-bottom-color:   #CCC;  
padding:   0   6px;  
float:   none   !important;   /*For   Opera*/  
float:   left;   /*For   IE*/  
display:   block;  
background:   #EEE;  
color:   #666;  
font:   bold   10px/22px   Verdana,   Arial,   Helvetica,   sans-serif;
FONT-WEIGHT:   bold;   FONT-SIZE:   12px;
text-decoration:   none;  
height:   auto   !important;  
height:   1%;   /*For   IE*/  
}  
/*   Root   Menu   Hover   Persistence   */  
ul#navmenu   a:hover,  
ul#navmenu   li:hover   a,  
ul#navmenu   li.iehover   a   {  
background:   #CCC;  
color:   #FFF;  
}  
/*   2nd   Menu   */  
ul#navmenu   li:hover   li   a,  
ul#navmenu   li.iehover   li   a   {