精彩专题推荐:
建站之入门课
建站之必修课
建站之关键课
网站价值所在
流量提高专题
css+div 标准
个人网站打造全过程
网站搜索
收藏本站
联系我们
导航
:
建站首页
|
网站设计
|
网站开发
|
网站运营
|
网页软件
|
建站指南
|
搜索优化
|
图像处理
|
视频教程
|
书籍教程
|
建站专题
当前位置:
首页
>
网站设计
>
网页特效
>正文
CSS+DIV设计实例:看看IE中有关1px的Bug
来源: 时间:06-09-11 点击:
点击这里收藏本文
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/
xhtml
1/DTD/
xhtml
1-transitional.dtd"> <html
xml
ns="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>天极<a href="http://homepage.yesky.com/" class="bluekey" target="_blank">网页</a>陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <p>天极网页陶吧-龙犊 : 天极网页陶吧-龙犊 : </p> <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> <script language="Javascript"> var now = new Date(); document.write("<img src='http://counter.yesky.com/counter.
shtml
?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+ now.getTime() + "&cur="+escape(document.URL)+"' border='0' alt='' width='0' height='0'>"); </script> <noscript> <img src="http://counter.yesky.com/counter.
shtml
?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter" border='0' width='0' height='0'/> </noscript>
9
7
3
1
2
4
8
:
把此文章收藏到:
相关教程
·
可以收缩和和伸展的表格(符合
·
符合标准的对联广告网页特效代
·
类似于Flash的超酷网页特效代码
·
怎么让别人看不到我的网页代码
·
JS实现浏览器菜单命令
·
又一个做网站比较流行的图片幻
·
网页特效 图片加载进度实时显示
·
网页特效之用css样式表实现首字
·
在DIV+CSS排版中新闻列表的制作
·
CSS+DIV:让文本字符环绕在你的
·
用DIV做不规则形状的环绕文字
·
避免表格table被撑开变形的CSS
·
相册的自动播放效果SlideShow
·
CSS应用实例:水平线变成虚线
·
如何利用PHP和CSS改变网页文字
广而告之
文章搜索
Google
JZxue.Com
最新文章
网站推广—网站建设的关键课
吸引访客,做内容有价值的网
关于Photoshop直方图的详细
网站策划,B2B网站策划者应
Web标准网站开发人员配备
便宜/廉价的网站推广方式
写给做BBS的新站长
行为经济学在网站运营中的
漫谈网站改版的必要性
网站策划需要具备的知识
外贸网站建设全攻略
CSS让网页更容易设计与维护
和马云学习如何做网站推广
推荐导读
优秀个人网站打造全过程
如何策划网站?
wap建站入门教程
以这种方式做网站肯定会失败
Photoshop用另类方法打造水彩效果
FireWorks教程:DIY树叶笔触画一棵树
用Photoshop制作非主流风格MM秀亮的脸蛋
网站制作过程中把握的几点
Photoshop处理唯美照片效果和边框的制作
使用Fireworks 8制作网页效果图
如何在国外进行域名的注册?
简单的CSS改进网站设计的三个技巧
CSS制作的标准的 非侵入的页签切换效果
热门排行
如何制作网页(网页制作实
如何选择网页制作工具
下载安装Dreamweaver8
制作主页前的准备
垃圾站全教程--之一(新手上
怎样个人网页制作,制作个人
制作模板
在Dreamweaver设置站点
制作首页
网站设计65条原则
规划站点
中国所有银行的BIC code(即
个人主页制作完全手册
关于我们
|
联系我们
|
友情链接
|
网站地图
Copyright © 2005 - 2006
建站学
All rights reserved.