Question

CSS Z-index在不同的浏览器不兼容问题

火狐

IE

代码（html）： <dt>对外竞标期限：</dt> <dd> <p class="select_dd_p se3"> <label>10</label><a href="javascript:void(0);"><img alt="" src="../../images/register/select_img.gif" /></a> </p> <span>天</span> <div class="set_div div3" style="display: none;"> <ul> <li><label>10</label></li> <li><label>12</label></li> <li><label>15</label></li> <li><label>18</label></li> <li><label>21</label></li> </ul> </div> </dd>
代码（CSS）：.set_money dl dt{ float:left; width:110px; text-align:right; height:50px; line-height:34px; font-size:14px;}.set_money dl dd{ float:left; width:600px; text-align:right; height:50px; line-height:34px; position:relative;}.set_money dl dd p{ width:215px; float:left;}.set_money dl dd label{ float:left; color:#ff7700; font-size:13px;}.set_money dl dd span{ float:left; font-size:14px; margin-right:25px;}.set_money dl dd .set_div{ position:absolute; top:33px; left:0px; width:113px; overflow:hidden; border:1px solid #d7d7d7; background:#fcfcfc; z-index:99999;}





Answer 1

这个可以用用递减的方式为相对定位的父级添加z-index解决。

Answer 2

在某些低版本IE中，表单元素（如<input>）无法被其他元素正常覆盖，不论其他元素的z-index设置得多高。
通常的解决办法是：将浮层元素置于一个拥有较高z-index值的iframe中（即：用iframe做通用浮层组件的外层容器）。