CSS代码:看看IE中有关1px的Bug
作者:Eve Cole
更新时间:2009-06-12 19:27:19
<!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 ">
<头>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<风格>
h3{
位置:绝对;
顶部:-15px;
左:30px;
保证金:0;
内边距:0 5px;
行高:25px;
背景:红色;
边框:1px实心#000;
}
.outer ,.outer2 {
职位:亲属;
浮动:左;
宽度:300px;
边框:2px 虚线#000;
顶部边距:20px;
左边距:20px;
背景:#ffffcc;
}
.内部{
位置:绝对;
边框:1px纯白色;
宽度:100%;
高度:100%;
职位:亲属;
z 索引:100;
边距:-1px;
}
.outer p,.outer2 p {内边距:5px;边距:10px 0 0;}
.outer h3 a, .outer2 h3 a{
行高:20px;
字体大小:70%;
边框:1px实心#000;
背景:#ffffcc;
文本装饰:无;
垂直对齐:顶部;
内边距:0 5px;
}
.outer2 {边框:1px虚线#000}
</风格>
</头>
<正文>
<div类=“外部”>
<div类=“内部”>
<h3>亲爱的亲密<a href="http://homepage.yesky.com/">更多></a></h3>
<p>这个例子是为了说明在IE中1px存在概念模糊的一个小bug,在IE中{border:2px dashed #000;}与{border:1px dashed #000}基本上看不出什么区别,但是可以用标准化浏览器分辩出来。</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
</div>
</div>
<div类=“outer2”>
<h3>这个未知的质量问题<a href=" http://homepage.yesky.com/">更多></a></h3>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
<p>建站学院建站学院建站学院建站学院</p>
</div>
</正文>
</html>