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>
</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>