联系站长 加入收藏 设为首页 繁體中文 RSS
  首页 | 生活百科 | 电脑网络 | 高手学堂 | 语录名言 | 读书文学 | 极品软件 | 奇趣图片 | 站长微博  
 您的位置: 精品百字节网 >> 电脑网络 >> 网络编程 >> CSS学习 >> 正文 当前没有通告!
   □  常见IE6 CSS BUG 的解决办法   3星级
常见IE6 CSS BUG 的解决办法
[ 作者:明主天下     来源:精品百字节     点击数:     更新时间:2010-12-27     文章录入:Admin
【字体:
[内容提要]
常见IE6 CSS BUG:如IE6下 padding 双倍bug;IE6 3像素Bug;Float Margin Bug.

1.CSS hack写法
书写顺序为FireFox在最前,其次是IE8、IE7,最后是IE6。
color:red;//所有浏览器
color:blue\9;//所有IE
+color:orange;//IE7
_color:green;//IE6
若浏览器为FireFox,那么color:red;若浏览器为IE8,根据CSS优先性原则,color:blue;若为IE7,color:orange;若为IE6,则color:green。
IE6识别 * 、_
IE7识别 * 、+
IE8识别 * 、/9
FF什么都不识别

2.两个图层并列,左右margin是相加,而上下margin是取较大一个值
ie7,ie8 padding top和bottom 两个值相加
ie6 padding top和bottom 取两个值中最大值

解决办法:利用上面的Css hack,对不同浏览器写不同的CSS。

3.Float Margin:应用float后又使用了margin,那么在IE下margin将会被放大一倍,比如定义float:left; margin-left:10px,实际在IE下不是10px,而是20px。IE6存在此问题,IE7、IE8无此问题。

解决方法:加上display:inline便可解决此问题。


4. IE6下 padding 双倍bug
IE6下有个bug,只要在有padding-top的元素内 有[div class="clear" ]  [/div] 那就会出现双倍padding的 bug

解决办法:需要在.clear的CSS里加overflow:hidden;height:0;

5.解决IE6  3像素Bug
只要触发IE的hasLayout,非浮动元素就会拥有布局。所以,利用IE6特有的hack规则,为它单独写样式就可修复此问题

解决方法:
_zoom:1;
margin-left: value;
_margin-left: value-3px; 
 

上一篇文章:CSS圆角代码的实现方法 下一篇文章:没有了
发表评论 □告诉好友 □打印此文 □收藏此页 □关闭窗口 □返回顶部
 最新热点文章
 精品医院类网站网址大收集
 如何删除windows 2003或xp系统隐藏的...
 DedeCms管理员后台登陆经常自动退出的...
 知道IP如何用dos命令查出电脑名称
 WORD出错老是要求以安全模式打开文件...
 如何设置首页不显示页眉页脚?
 如何利用inurl命令查询网站外链及栏目...
 
 最新推荐文章
 精品医院类网站网址大收集
 如何利用宽带路由器控制局域网内电脑上...
 CSS圆角代码的实现方法
 带停顿的单行文字滚动代码
 实用的新网站免费收录提交地址精选
 Left join , Right Join, Inner Join用...
 趣话淘宝网衍生的多种新型职业
 
 最新图文
  ◇  网友评论:(只显示最新5条。评论内容只代表网友观点,与本站立场无关!)
关于本站 | 免责申明 | 网站地图 | 联系站长 | 友情链接 | 与我同在
冀ICP备06032589号【虚拟化精英群虚拟化精英群续
  Copyright© 2006-2009 100byte.Com All Rights Reserved
网站声明:本网站是公益性质网站,部分内容来源于网络,如有侵犯您权利的地方,请与精品百字节站长联系,尽快修正.
Powered By CreateLive CMS 本站法律顾问:(冀港)武镇海律师
点击这里给我发消息