让IE系列浏览器也支援CSS3圆角,阴影：IE-CSS3.htc

　　让IE系列浏览器也支援CSS3圆角,阴影：IE-CSS3.htc

　　IE-CSS3是什么?

　　IE-CSS3是一段小型的Script，引入网页的CSS之后可以使IE系列浏览器的用户也看得到一些CSS3才有的新技术。ex:圆角、阴影等。

　　IE-CSS3是怎么运作的?

　　该Script是通过VML(IE系列浏览器特有的向量绘图语言)来模拟一些CSS3的效果。

　　如何使用?

　　一般我们设计可以让FF、SA与GC等浏览器产生圆角效果的CSS如下:

　　注： FF=FireFox、SA=Safari、GC=Google Chrome

　　.box {

　　-moz-border-radius: 15px; /* Firefox */

　　-webkit-border-radius: 15px; /* Safari and Chrome *

　　}

　　若是要让IE系列浏览器也可以支援这样的效果，请再加入如下新行

　　.box {

　　-moz-border-radius: 15px; /* Firefox */

　　-webkit-border-radius: 15px; /* Safari and Chrome *

　　border-radius: 15px; /* IE 6+ */

　　behavior: url(ie-css3.htc); /* 使用ie-css3 */

　　}

　　注:url()中的路径请参考自己的网站中的路径。

　　效果展示：

　　我是示范的盒子

　　问题与解决办法

　　用户可以会在使用z-index属性的时候遇到不正常显示的问题，尤其是将一个套用了IE-CSS3的元素放在另一个之内的时候，以下有两个方法解决：

　　第一个方法：将内部的元素z-index值设置的比外围的大。

　　第二个方法：将内部的元素套用position属性。

　　ex:position:relative; 或position:absolute;