一些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
 

返回顶部
跳到底部

Copyright 2011-2024 南京追名网络科技有限公司 苏ICP备2023031119号-6 乌徒帮 All Rights Reserved Powered by Z-BlogPHP Theme By open开发

请先 登录 再评论,若不是会员请先 注册