IE6下　CSS相对定位

dlucsf 2009-08-12 05:17:50

在IE6下当浏览器最大化时
使用相对定位后　DIV层位置不变

刷新后又好了

其它浏览器下没问题

代码如下：



<!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=gb2312" />

<title>无标题文档</title>

<style>

body{

	margin:0 auto;

	width:860px;

}

div#Prod_list_box{

	width:150px;

	height:150px;

	position:relative; 

	border:1px solid #e8ecf2;

	padding-top:5px;

	padding-left:5px;

	padding-right:1px;

	padding-bottom:1px;

	float:left;

}

div#Prod_list_box2{

	width:150px;

	height:150px;

	border:1px solid #e8ecf2;

	float:left;

	padding:5px 5px 1px 1px;

	margin-left:10px;

}

div#Prod_list_box .been-used{

	position:absolute;

	width: 71px;

	height: 71px;   

	top:0;

	right:0px;

	background:url(0001.png) no-repeat ; 

	_background:url(0001.gif) no-repeat ;

}	

</style>

</head>



<body>

	<div id="Prod_list_box">

  		<img src="H005263_S.jpg" width="145" height="145" />

  		<div class="been-used"></div>

	</div>

	<div id="Prod_list_box2" >

  		<img src="H005263_S.jpg" width="145" height="145" />

	</div>

</body>

</html>

...全文

123 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

chokobo 2009-08-13

打赏
举报

把div#Prod_list_box中的position:relative;去掉，在<div id="Prod_list_box">
中再加一层div吧

  <div id="Prod_list_box">

      <div style="position:relative;height:100%;width:100%;">

          <img src="H005263_S.jpg" width="145" height="145" />

          <div class="been-used">1111</div>

      </div>

  </div>

chokobo 2009-08-13