当前位置： 移动技术网 > IT编程>网页制作>CSS > 在到达无H无F境界前~还是要痛苦~我兼容浏览器的CSS

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

2017年12月12日  | 移动技术网IT编程  | 我要评论
对着多个解析不一样浏览器是件郁闷的事，是所有写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 都是痛苦的
解决今天的问题不是为了生产明天的问题。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网