Código CSS: mira el error de 1px en IE
Autor：Eve Cole
Fecha de actualización：2009-06-12 19:27:19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<cabeza>
<título>Documento sin título</título>
<meta http-equiv="Tipo de contenido" content="text/html; charset=iso-8859-1" />
<estilo>
h3{
posición:absoluta;
arriba: -15px;
izquierda: 30px;
margen:0;
relleno: 0 5px;
altura de línea: 25 px;
fondo: rojo;
borde: 1px sólido #000;
}
.exterior, .exterior2 {
posición: relativa;
flotador: izquierda;
ancho: 300 px;
borde: 2px discontinuo #000;
margen superior: 20px;
margen izquierdo: 20px;
fondo:#ffffcc;
}
.interno {
posición:absoluta;
borde: 1px blanco sólido;
ancho: 100%;
altura: 100%;
posición: relativa;
índice z: 100;
margen:-1px;
}
.outer p,.outer2 p {padding:5px;margin:10px 0 0;}
.exterior h3 a, .exterior2 h3 a{
altura de línea: 20 px;
tamaño de fuente: 70%;
borde: 1px sólido #000;
fondo:#ffffcc;
decoración de texto: ninguna;
alineación vertical: arriba;
relleno: 0 5px;
}
.outer2 {borde:1px discontinuo #000}
</estilo>
</cabeza>
<cuerpo>
<div class="exterior">
<div class="interior">
<h3>优秀的边框<a href=" http://homepage.yesky.com/ ">更多 ></a></h3>
<p>这个例子是为了说明在IE中存在1px概念模糊的一个小bug,在IE中{border:2px discontinuo #000;}与{border:1px discontinuo #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 clase="exterior2">
<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>
</cuerpo>
</html>
