400-1100-266

9:00-24:00（工作日）
主页 > 知识库 > 在到达无H无F境界前~还是要痛苦~我兼容浏览器的CSS

在到达无H无F境界前~还是要痛苦~我兼容浏览器的CSS
热门标签：服务器配置 铁路电话系统 智能手机 银行业务 检查注册表项 网站文章发布 呼叫中心市场需求 美图手机
对着多个解析不一样浏览器是件郁闷的事，是所有写CSS的人都会遇到的。
虽然条件注释是一比较理想的做法，向前向后兼容。可惜我不大喜欢N个版本的CSS,

先说下我的自己的用法.
初始化
Selectors{}
 保证向后兼容性，
接着开始过滤
不管IE6有没有引进Quirks Mode
都用
 * html Selectors{} 
处理IE6和以下版本，
对下再向下版本的区分我做了比较复杂的处理。
用读入IE5.x

@media tty {
i{content:"\";/*" "*/}} @import 'ie5x.css'; /*";}
}/* */

在特别的要求下才会用，因为IE5跟IE5.5很多方面都很像。我选择把他们放在一样。
但是IE5总会相对笨点，
我必须再加区分，是用

*>html Selectors{} 

本来应该是
*>html body Selectors{} 
比较好处理优先权的问题，

IE7对于CSS的支持已经接近FF,Opera,Safari这些浏览器了，但是，总会有些特别的问题，
我选择用 
*+html Selectors{} 
来特别处理IE7，可是当IE7也引进Quirks Mode时，问题变得很复杂的，他对CSS的认识也降到IE5，很像，又有不一样滴，我想没找到解决的方式，所以我打死也不把IE7引进Quirks Mode

FF也不是标准的。有时还会有特别的问题。
用私有的东东来过，

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("http://www.loaoao.com") {
Selectors{ ... !important} 
}

Opera 呢。虽然通过ACID2 
可在我无聊的的写法下～依然有问题像这样的 li:hover+li {}　不知道下个发布版本会不会解决
还好别人提供了

@media all and (min-width: 0px){
Selectors{}
}

Safari 呢？请原谅我的穷，我没有钱买apple的东西，
我不知道到底会出现多少的问题。这是最最郁闷的事，还好Safari对标准支持很好，
更多过滤的方式可以参考　http://centricle.com/ref/css/filters/ 


不管是用hack还是filter 都是痛苦的
解决今天的问题不是为了生产明天的问题。

标签：长治 新疆 沈阳 红河 上海 乐山 沧州 河南

巨人网络通讯声明：本文标题《在到达无H无F境界前~还是要痛苦~我兼容浏览器的CSS》，本文关键词  ；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。
  • 相关文章
  • 推荐文章

    上一篇：小心：CSS代码书写顺序不同，导致显示效果不一样

    下一篇：解决鼠标在 flash 链接上不停闪动的问题（web页面中）

     
    微信咨询办理
    在线QQ客服
    ( 客服小王 )
    ( 客服小李 )
    ( 客服小刘 )
    ( 客服小张 )
    关于我们 | 荣誉资质 | 呼叫中心 | 代理加盟 | 客户案例 | 服务支持 | 产品介绍 | 行业资讯

    Copyright © 1999-2012 诚信 合法 规范的巨人网络 www.1330.cn 始建于2005年

    全国网站建设网站开发咨询热线：400-1100-266   0514-86177077

    江苏扬州巨人网络科技有限公司   总部地址：江苏省扬州信息产业基地11号楼4层

    《增值电信业务经营许可证》苏B2-20120278    苏ICP备15040257号 网站地图
    全国咨询热线
    400-1100-266
    在线客服( QQ：340506921 )
    版权所有：巨人网络(扬州)科技有限公司——拥有网站建设十年经验，具备独立网站开发能力，能够提供完善的网站设计及相关的网站制作服务！     全国统一服务热线：400-1100-266
    收缩
    • 微信客服
    • 微信二维码

    • 电话咨询

    • 400-1100-266