网页设计师联盟

--- 学习、交流、展示、资源

设为首页  加为收藏  我要投稿找回密码免责声明意见反馈

招聘精英个人求职网站发布网友作品网页特效动画欣赏网页素材免费资源源码下载设计软件
作品欣赏       域名申请       虚拟主机
网页设计师

  • 新闻资讯
  • 网页教程
  • 平面教程
  • 程序设计
  • 视频教程
  • Flash教程

网页设计师站提供网页设计、程序设计服务 E-mail:liangfeng0526@qq.com

 您当前的位置：首页 > 阅读文章
网页设计师联盟(www.wysjs.cn)欢迎您！
 标题：

CSS代码：看看IE中有关1px的Bug

<!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>
  • (刊登方式：转载   来源：网络   作者：   添加：admin   关键词：)
  • 您已阅读：CSS代码：看看IE中有关1px的Bug 您还可以继续阅读↓  或 回到首页看看>>>
  • 上一篇： DIV CSS制作的符合标准的网页导航菜单(12)

    <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;chars..

  • 下一篇： 特效代码:巧用CSS滤镜做图案文字

    <SPANstyle="BACKGROUND-IMAGE:URL(/upfiles/20060614/20060614103455_01.gif);WIDTH:300px"><DIVstyle="FILTER:Chroma(Color=#CCCCCC);COLOR:#CCCCCC;BACKGROUND-COLOR:#FFFFFF;WIDTH:300px;FONT..

网页设计师

热门分类： 网页设计欣赏 | 网页设计视频教程 | 网页设计素材 | 网页设计软件

Copyright @ 2007-2010 wysjs.cn All Right Reserved 一起为互联网搭建更多的房子
网页设计师 版权所有 网站备案：鄂ICP备10024121号 网站地图