IE6下著名的z-index bug
abcc项目实现这样一个功能：点击“上载查询”，弹出一个绝对定位的div（类似qq文件中转站的“上传文件”按钮），里面有上传按钮等，点击后div在最上层。即z-index为最大。在firefox下表现良好，在IE6下无论如何也盖不住select。墨墨说是IE下一个著名的bug，解决方法用一个iframe包住select。以下是一个测试的静态html，为bug重现及及解决方法。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><style type="text/css">#d1,#d2 {width:400px;height : 400px;}#d1 {position : absolute;top : 100px;background : red;z-index : 1;}#d2 {position : absolute;top : 150px;background : blue;z-index : 2;}</style></head><body><div id="d1"><form><input type="text" name="username"/></form><p>中國</p><form><iframe style="z-index:1"><!-- 用iframe 解决此bug --><select name="country"><option value="1">china</option><option value="2">japanese</option><option value="1">U.S.A</option></select></iframe></form></div><div id="d2">ddd</div></body></html>
页:
[1]