【发布时间】:2011-01-27 00:42:42
【问题描述】:
祝大家有美好的一天。我有一个下拉菜单(一个 div 实际上在它出现的搜索栏上的 onclick 事件中显示:none)放置在具有以下样式的 div 内:
background-image: url("/whatever.png");
height: 80px;
position: relative;
top: 60px;
width: 100%;
出现的 div(下拉菜单)有:
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid;
height: 185px;
left: 140px;
padding-top: 3px;
position: absolute;
top: 25px;
width: 134px;
z-index: 25;
现在...这是问题所在(我不得不隐藏一些元素,对此感到抱歉,我也无法提供在线副本,对此也感到抱歉):
红线是一个与下拉框容器同级的div,样式为:
top: 140px;
width: 100%;
蓝色条(是放置在其他 2 个 div 内的 div,位置:relative 和 float:left,没有别的)有:
background: url("blue.png") repeat scroll 0 0 #00FF00;
color: #FFFFFF;
float: left;
font-size: 12px;
font-weight: bold;
height: 22px;
margin-top: 20px;
padding-top: 5px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 210px;
这只发生在 IE 7 和 6 上。在所有其他浏览器上都可以。任何帮助将不胜感激。
【问题讨论】:
标签: css internet-explorer-7 internet-explorer-6 z-index