有IE6IE7IE8浏览器支持CSS3属性的js吗

html-css011

有IE6IE7IE8浏览器支持CSS3属性的js吗,第1张

目前只支持border-radius box-shadow 和 text-shadow 不过不建议用,会有浮动到时候又要hack,而且代码性能差。

注意:不支持rgba颜色值,诸如box-shadow:0 0 3px rgba(0,0,0,.2)只能box-shadow:0 0 3px #f5f5f5

Selectivizr可以让IE6~8支持CSS3伪类和属性选择器,selectivizr是一个JavaScript工具,使IE浏览器也可以支持CSS3伪类以及属性选择器,使用很简单,只要把js include到页面上。示例代码如下:

<script type="text/javascript" src="selectivizr.js"></script>

<![endif]- ->

Selectivizr的优点在于:

1. 让老的IE浏览器支持19个CSS3伪类,2个伪元素,以及所有的属性选择器。

2. 即使你完全不懂JavaScript,也没有关系,因为你只要链接这个文件就ok了。

3. 可以与现存的JavaScript库协调工作。

nth-child这个倒是可以换个思路实现,这个一般用在ul li标签中,奇偶行的mouseover效果,ul li:nth-child(odd){color:#fff}/*选取偶数*/

ul li:nth-child(even){color:#fff}/*选取奇数*/

以上的是兼容的写法,改进后的写法如下:

ul li:first-child{color:#fff}/*选取第一个li*/

ul li:first-child+li+li{color:#fff}/*选取第三个li*/

依次还可以有第5个li,等等,好在开发中li的个数一般不会多,虽然是个比较麻烦的做法,好歹能解决问题,至于after,before之类的,也不能说没法实现,也是曲线救国的方法,有个简单的思路你可以参考下,你应该清楚的是after是主样式加载完之后才表现的,after说白了也是一个样式表,或者说是个额外的class,那么好了,后期我们通过JS可以添加这个Class了,具体这个after通过鼠标点击添加呢 还是download时候就加载这个就看你了,以上为思路,仅供参考