在做项目的时候,有时候经常会用到position定位.

在ie各种版本测试中.ie6老是排版的位置对不齐.

其中包含的问题就是1像素bug.

先让大家看看图片:

ie6BUG图

图片不清晰,大家莫见怪,因为本人用QQ截图的.

继续......

大家应该看到主要是在bottom和right会有1像素bug.

至于这个是什么问题.就要去问问ie6的开发者了.

所以建议大家尽量不要把尺寸设为奇数.

整体代码:

<!DOCTYPE HTML>
<html>
<head>
<title>容器奇数尺寸,在IE6以下定位引起1像素Bug</title>

	<style type="text/css">
	*{margin:0;padding:0;}
	.box{width:301px;height:111px;background:orange;position:relative;margin:0 auto;}
	.a,.b{position:absolute;background:blue;height:20px;width:20px}
	.a{bottom:0;left:0;}
	.b{bottom:0;right:0;
	</style>

</head>
<body>


	<div class="box">
		<p>容器奇数尺寸,在IE6定位引起1像素Bug</p>
		<p>容器奇数尺寸,在IE6定位引起1像素Bug</p>
		<p>容器奇数尺寸,在IE6定位引起1像素Bug</p>
		<p>容器奇数尺寸,在IE6定位引起1像素Bug</p>
		<p>容器奇数尺寸,在IE6定位引起1像素Bug</p>
		<div class="a"></div>
		<div class="b"></div>
	</div>

	
</body>
</html>

作者: 深蓝色梦想 发表于 2011-06-24 11:18 原文链接

推荐.NET配套的通用数据层ORM框架:CYQ.Data 通用数据层框架
新浪微博粉丝精灵,刷粉丝、刷评论、刷转发、企业商家微博营销必备工具"