Chinaunix

标题: 奇怪html，IE 6 的absolute定位的bug，测试过IE 7 IE8 FF oper safari 没有这 [打印本页]

作者: je1024 时间: 2008-12-25 10:09
标题: 奇怪html，IE 6 的absolute定位的bug，测试过IE 7 IE8 FF oper safari 没有这
奇怪html，IE 6 的absolute定位的bug，测试过IE 7 IE8 FF oper safari 没有这
奇怪的html问题，应该是IE 6的绝对定位的bug，我自己测试过，IE 7，IE8，FF，oper,safari 都没有这个问题。。。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>sam</title>
</head>
<style>

#body_top {
position:absolute;
font-size: 1.2em;
width: 100%;
height: 35px;
color: #74B0D0;
top:155px;
left:0px;
border:1px red solid;
}

#body_main {
position:absolute;
top: 35px;
left: 20px;
width:1200px;
height:834px;
border:1px red solid;
}

.game_center_right{
position:absolute;
width:730px;
height:420px;
background-color:#e7decd;
top:6px;
left:245px;
border:1px blue solid;
}
.game_center_left{
position:absolute;
width:225px;
height:420px;
top:6px;
left:6px;
border:1px blue solid;
}

</style>
<body>

<div id="body_top">asdasd</div>

<div id="body_main" >
<div style="" class="game_center_left">13465</div>
<div class="game_center_right">3333344444</div>
</div>

</body>
</html>

大家可以试验一下，当选中3333344444的时候 13465也会被自动选中。---------- x 现象

另外，改变 body_main 的position 的属性的时候，x 现象会消失，但是实际的处理里面，并不允许我去把
position:absolute;
改为
position: relative;
或者太大的移动位置。也不允许我对某个div的增减、、、

据分析是IE 6的绝对定位的bug，--------- 我自己测试过，IE 7，IE8，FF，oper,safari 都没有这个问题。。。

现在想的是如何去巧妙的处理这个bug（ x 现象）。

[ 本帖最后由 je1024 于 2008-12-25 10:31 编辑 ]

作者: je1024 时间: 2008-12-25 14:47
无人回答，好失落、、、

欢迎光临 Chinaunix (http://bbs.chinaunix.net/)