╋艺 镇╋╋网站网络|程序语言|Flash╋┣◇网站建设&Web语言 → [转帖]IE又一个让人吐血的BUG: 关于 table的position 和 select


  共有20200人关注过本帖树形打印复制链接

主题:[转帖]IE又一个让人吐血的BUG: 关于 table的position 和 select

美女呀,离线,留言给我吧!
admin
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
你为何会忘记前世?揭秘残酷轮回真相!  发帖心情 Post By:2011/5/25 11:51:17 [显示全部帖子]

<html>
<head>
<meta http-equiv="Content-Type"c/>
<title>IEBUG----tableposition&select</title>
<script>
function showDiv(){
 var tbox=document.getElementById("tbox");
 tbox.style.display=tbox.style.display=="none"?"":"none";
}
</script>
<style>
.badtable {
 width:200px;
 height:100px;
 background-color:#f0f0f0;
 position:relative;
}
/*#tbox{
 position:relative;
 } */
</style>
</head>
<body>
<input type="button" value="show/hide"/><br/>
<div id="tbox">
<select>
  <option>我是一个select</option>
</select>
<table class="badtable" border="1">
<tr>
  <td>表格内容1</td>
</tr>
</table>
</div>
其他内容1<br/>
其他内容2<br/>
其他内容3<br/>
其他内容4<br/>
</body>
</html>
[此贴子已经被作者于2011-5-25 11:51:53编辑过]


  
“艺镇”官方站:www.zyzsky.com QQ群:1221854  回到顶部
美女呀,离线,留言给我吧!
admin
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
  发帖心情 Post By:2011/5/25 11:51:45 [显示全部帖子]

运行以上代码
=============================================
点击 show/hide 按钮后,
div ccc 被隐藏, 里面的内容也被隐藏, 但是table 却还显示(里面的td也已经隐藏了)

解决办法一:
把是 table样式里的 "position: relative;"去掉 (positiond 等于 absolute 也不行)

解决方法二:
改那个 tbox的div 也加上 "position: relative;"

★ 以上两种解决方案 还是有一点逻辑性,最多可以归结为 IE在处理 table的position时有bug.
但是下面两个方案绝对让你吐血

解决方法三:
把那个 select 去掉,这个问题也不会出现

解决方法四:
把那个 select 放到table后面,这个问题也不会出现

=============================================
IE啊, 你可以让table不支持 position: relative;
但是为什么一定要在 table的前面有select的时候才不支持呢

IE 你太诡异了 (IE 6 和 7 都是一样的诡异)
我彻底被你打败了
=============================================


  
“艺镇”官方站:www.zyzsky.com QQ群:1221854  回到顶部
美女呀,离线,留言给我吧!
admin
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
  发帖心情 Post By:2011/5/25 11:52:00 [显示全部帖子]

http://hi.baidu.com/zhuguoneng/blog/item/a74bf13dc4525706bba16745.html


  
平面设计、网站建设、三维动画、视频制作 联系QQ:114103945  回到顶部