阿牛博客

真正的ie9、ie10 hack及ie6、7、8常用hack

昨天优化首页的一个csc3动画,需要在元素动画开始的时候用到opacity: 0;属性(即先给该元素隐藏,比如元素从屏幕外移动到屏幕内这样子的动画,该属性就需要用到),我们知道ie 6-9是不支持css3 animation动画的,所以我们一般是将元素静止在哪里即可,正好opacity 在ie6-8是不支持的,所以ie6-8该元素是显示的,但是ie9是支持opacity属性,我们需要在ie9里面给该元素显示,并且ie10要是隐藏的。

这样子的情况,在ie10还没有出现以前我们可以给该属性加上一个hack 如:opacity: 0 \0\9;但是ie10和11出来就乱了。这个\0\9 ie9-ie9+都支持该hack。

后面我去度娘了一把,找了很久的终于找到了一个专门针对ie9的一个比较靠谱的hack:

上面的代码结合background-color: ie6-8显示的是blue,ie9显示的是red,ie10-ie10+显示的是black。

下面总结一下平时常用的ie hack:

不过也可以在页面的header利用ie特有的条件注释针对ie单独做处理如:

 

给个赞() 踩一下()

温馨提示:本站文章除注明转载外,均为原创文章,会经常更新知识点以及修正一些错误,因此转载请保留原出处,方便溯源,避免陈旧错误知 识的误导,同时有更好的阅读体验。

本文链接: http://aniublog.com/archives/20

下一篇: 阿牛博客正式上线啦! »