在到达无H无F境界前~还是要痛苦~我兼容浏览器的CSS
所属分类:
网络编程 / CSS/HTML
阅读数:
1375
收藏 0赞 0分享
对着多个解析不一样浏览器是件郁闷的事,是所有写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 Modules
不要误会,CSS Modules可不是在说“css模块化”这个好像在某些地方见过的词,它其实是特指一种近期才出现的技术手段。什么技术手段呢?下面小编来和大家一起学习一下
收藏 0赞 0分享
新手学习css优先级
大部分人同样也会在写css的过程中产生很多困惑,比如为什么自己写的某段css没有生效,或者呈现出的样式和预计的不同,但又不知道要如何解决。下面小编来和大家一起学习CSS的优先级
收藏 0赞 0分享
css进阶学习 选择符
css这种没有程序逻辑的代码中,又能找出什么来说明谁做得更出色呢?下面小编给大家说明如何从css选择符的角度来提高css代码质量。
收藏 0赞 0分享
实现css文字垂直居中的8种方法
CSS可以轻易实现文字的水平居中,但有时我们需要文字垂直居中,除了表格可以实现这种CSS文字垂直居中以外,还有其它几种方法可以做到
收藏 0赞 0分享
完美实现CSS垂直居中的11种方法
在做前端项目时CSS的水平居中我们经常使用,但有时还会用到CSS垂直居中,对于小白来说这个就有些难度了,下面看一下我是如何实现的
收藏 0赞 0分享
webpack高级配置与优化详解
这篇文章主要介绍了webpack高级配置与优化,其中包括了webpack打包多页面,webpack跨域问题等相关内容
收藏 0赞 0分享
5个HTML5的常用本地存储方式详解与介绍
在HTML5规范之前,存储主要是用cookies,但cookies缺点有在请求头上带着数据,大小是4k之内,今天为大家介绍一下H5的5种存储方式
收藏 0赞 0分享
查看更多