当前位置:编程学习 > html/css >>

一些CSS3的新特性 IE兼容的方法收集(补充中)

1.线性渐变色  

background: -webkit-gradient(linear,left top,left bottom,from(#0D85BC),to(#0A73A4));  /*chrome,sarfrai*/ 
view plain
background: -moz-linear-gradient(top,#0D85BC,#0A73A4); /*firefox*/ 
view plain
background: -o-linear-gradient(top,#0D85BC,#0A73A4);   /*opera*/ 
view plain
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d85bc',endColorstr='#0a73a4');/ie/ 

2.transform:rotate 旋转
  
-webkit-transform: rotate(-180deg); 
-moz-transform: rotate(-180deg); 
-ms-transform: rotate(-180deg); 
-o-transform: rotate(-180deg); 
transform: rotate(-180deg); 
filter: progid:DXImageTransform.Microsoft.Matrix( M11=-1, M12=1.2246063538223773e-16, M21=-1.2246063538223773e-16, M22=-1, sizingMethod='auto expand'); 


3 opacity : 透明

     opacity:0.9;

     filter:alpha(opacity=90);/*IE6-8*/

摘自 html5----html5+css3+javascript
 

补充:web前端 , HTML/CSS  ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,