• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    在到达无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 都是痛苦的
    解决今天的问题不是为了生产明天的问题。

    上一篇:小心:CSS代码书写顺序不同,导致显示效果不一样
    下一篇:解决鼠标在 flash 链接上不停闪动的问题(web页面中)
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    在到达无H无F境界前~还是要痛苦~我兼容浏览器的CSS 在,到达,无,境界,前,还,