Código CSS: veja o bug de 1px no IE
Autor：Eve Cole
Data da Última Atualização：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 ">
<cabeça>
<title>Documento sem título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<estilo>
h3{
posição:absoluta;
superior: -15px;
esquerda:30px;
margem:0;
preenchimento:0 5px;
altura da linha: 25px;
fundo:vermelho;
borda:1px sólido #000;
}
.externo, .externo2 {
posição:relativo;
flutuar:esquerda;
largura:300px;
borda:2px tracejado #000;
margem superior: 20px;
margem esquerda: 20px;
plano de fundo:#ffffcc;
}
.interno {
posição:absoluta;
borda: 1px branco sólido;
largura:100%;
altura:100%;
posição:relativo;
índice z:100;
margem:-1px;
}
.outer p,.outer2 p {padding:5px;margem:10px 0 0;}
.outer h3 a, .outer2 h3 a{
altura da linha: 20px;
tamanho da fonte:70%;
borda:1px sólido #000;
plano de fundo:#ffffcc;
decoração de texto: nenhum;
alinhamento vertical: topo;
preenchimento:0 5px;
}
.outer2 {border:1px tracejado #000}
</estilo>
</head>
<corpo>
<div class="exterior">
<div class="interior">
<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 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>
