CSS-Code: Schauen Sie sich den 1px-Fehler im IE an
Autor：Eve Cole
Aktualisierungszeit：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 ">
<Kopf>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<Stil>
h3{
Position:absolut;
oben:-15px;
links:30px;
Rand:0;
Polsterung:0 5px;
Zeilenhöhe:25px;
Hintergrund:rot;
Grenze: 1 Pixel fest #000;
}
.outer ,.outer2 {
Position:relativ;
float:left;
Breite:300px;
border:2px gestrichelt #000;
margin-top:20px;
margin-left:20px;
Hintergrund:#ffffcc;
}
.inner {
Position:absolut;
Rand: 1 Pixel durchgehend weiß;
Breite: 100 %;
Höhe: 100 %;
Position:relativ;
Z-Index:100;
Rand:-1px;
}
.outer p,.outer2 p {padding:5px;margin:10px 0 0;}
.outer h3 a, .outer2 h3 a{
Zeilenhöhe:20px;
Schriftgröße:70%;
Grenze: 1 Pixel fest #000;
Hintergrund:#ffffcc;
Textdekoration: keine;
vertikal ausrichten: oben;
Polsterung:0 5px;
}
.outer2 {border:1px gestrichelt #000}
</style>
</head>
<Körper>
<div class="outer">
<div class="inner">
<h3>优秀的边框<a href=" http://homepage.yesky.com/ ">更多 ></a></h3>
<p>这个例子是为了说明在IE中存在1px概念模糊的一个小bug,在IE中{border:2px dasshed #000;}与{border:1px dasshed. #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 class="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>
</body>
</html>
