您当前的位置: 首页 > 前端教程 > CSS教程 > 目前比较全面的CSS兼容问题汇集

目前比较全面的CSS兼容问题汇集

作者:不详 来源:网络 发布时间: 2010-06-14 11:17 点击:
CSSHack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析CSS没有达成一致前,我们只能用这样的方法来完成这样的任务。 我进行前端开发的时候,测试用的浏览器大致有:IE7、IE6、Opera9(文章撰写时版本为9.258825),Safari3(文章撰写

目前比较全面的CSS兼容问题汇集

  CSSHack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析CSS没有达成一致前,我们只能用这样的方法来完成这样的任务。
  
  我进行前端开发的时候,测试用的浏览器大致有:IE7、IE6、Opera9(文章撰写时版本为9.258825),Safari3(文章撰写时版本为3.0.4523.15),Firefox2(文章撰写时版本为2.0.0.11)等。
  
  在正常的selector{property:value;}的基础上常会根据具体情况为相同元素使用Hack以达到浏览器间统一。
  
  IE系列
  
  selector{+property:value;}在属性名前加上加号"+",这个Hack只有IE系列可以识别.
  
  selector{*property:value;}在属性名前加上星号"*",这个Hack只有IE系列可以识别.
  
  selector{_property:value;}在属性名前加上下划线"_",这个Hack只有IE系列(除IE7外)识别.
  
  *htmlselector{property:value;}在选择器上运用继承法*htmlselector,这个Hack只有IE系列(除IE7外)可以识别.
  
  html/**/>bodyselector{property:value;}在选择器上运用继承法html/**/>bodyselector,这个Hack只有IE系列(除IE7外)可以识别.
  
  selector{property/**/:value;}在属性名和冒号":"之间加入注释,屏蔽IE6用.
  
  selector/**/{property/**/:value;}在选择器和花括号"{"之间以及在属性名和冒号":"之间加入注释,屏蔽IE5和IE6用(不屏蔽IE5.5).
  
  select/**/{property:value;}在选择器和花括号"{"之间加入注释,屏蔽IE5用.
  
  *+htmlselector{property:value!important;}在选择器上运用继承法*+htmlselector再加上!important,这个Hack只有IE7可以识别.
  
  Firefox:
  
  *:lang(lang)selector{property:value!important;}用伪类lang(语言)再加上!important进行定义的话,目前只有Firefox可以识别.
  
  Safari:
  
  selector:empty{property:value!important;}用伪类empty再加上!important进行定义的话,目前只有Safari可以识别.
  
  Opera:
  
  @mediaalland(min-width:0px){selector{property:value;}}利用特殊继承法进行定义的话,目前只有Opera可以识别.
  
  对于Hack的运用,最普遍的现象是CSS盒模型Hack,清除浮动Hack。
  
  CSS盒模型在IE5.X上是有严重解析错误的.这个Hack针对IE5.X:
  
  selctor{width:IE5.X宽度;voice-family:"\"}\"";voice-family:inherit;width:正确宽度;}
  
  清除浮动Hack,相信这个定义用的人很多:
  
  selector:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

分享到:
本文"目前比较全面的CSS兼容问题汇集"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(0)
0%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4