当前位置:  编程技术>WEB前端

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

    来源: 互联网  发布时间:2014-09-06

    本文导语:  对着多个解析不一样浏览器是件郁闷的事,是所有写CSS的人都会遇到的。 虽然条件注释是一比较理想的做法,向前向后兼容。可惜我不大喜欢N个版本的CSS, 先说下我的自己的用法. 初始化 Selectors{}  保证向后兼容性, 接着开...

对着多个解析不一样浏览器是件郁闷的事,是所有写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 都是痛苦的
解决今天的问题不是为了生产明天的问题。


    
 
 

您可能感兴趣的文章:

 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Qmail 邮件到达通知
  • 做过libpcap开发的兄弟进,总要等到最后一个包到达了才能退出
  • 网络编程中先发送的数据是不是先到达目的
  • UDP协议能保证包到达顺序的正确性吗??????
  • libpcap为何能捕获到达其他机器的数据包
  • 如何让linux没有到达内存瓶颈时回收内存页并占用最少资源
  • WCDMA睡眠,唤醒后网络连不上,丢包到达93%以上,求解
  • jquery 判断滚动条到达了底部和顶端的方法
  • TCP接受数据问题?当一次到达的数据长度大于接受设置的最大长度时怎么办?


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3