输入你的邮件地址, 你将不会错过任何关于: [ 网页特效
]的信息 |
|
CSS代码:看看IE中有关1px的Bug
发表日期:2007-12-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"> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style> h3{ position:absolute; top:-15px; left:30px; margin:0; padding:0 5px; line-height:25px; background:red; border:1px solid #000; } .outer ,.outer2 { position:relative; float:left; width:300px; border:2px dashed #000; margin-top:20px; margin-left:20px; background:#ffffcc; } .inner { position:absolute; border:1px solid white; width:100%; height:100%; position:relative; z-index:100; margin:-1px; } .outer p,.outer2 p {padding:5px;margin:10px 0 0;} .outer h3 a, .outer2 h3 a{ line-height:20px; font-size:70%; border:1px solid #000; background:#ffffcc; text-decoration:none; vertical-align:top; padding:0 5px; } .outer2 {border:1px dashed #000} </style> </head> <body> <div class="outer"> <div class="inner"> <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>
|
|
|
上一篇:CSS代码:如何实现让多个DIV排列时居中
人气:682
下一篇:特效代码:巧用CSS滤镜做图案文字
人气:714 |
浏览全部CSS的内容
Dreamweaver插件下载
常用网页广告代码全集
|
|