前端开发

 首页 > 前端开发 > css教程 > 一些CSS3的新特性 IE兼容的方法收集(补充中)

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

分享到:
【字体:
导读:
          1.线性渐变色background: -webkit-gradient(linear,left top,left bottom,from(#0D85BC),to(#0A73A4)); /*chrome,sarfrai*/view plainbackground: -moz-linear-gradient(top,#0D85BC,#0A73A4); /*firefox......

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
 

分享到:
网站设计:用户界面设计中“状态”和“动...
       一、问题引发思考   前阵子与同事探讨一个小需求时又遇到了按钮表示“动作”和表示“状态”间矛盾问题。想想这个问题多年前已经开始讨论了,所以在此整理一下思路,与大家共享。        具体案例是这样的:如上图所示,在“启用”和“停用”搜索定制功能时,这个按钮到底是表示“状态”还是...
浅析网站表单设计点点滴滴(一)如何更好...
       表单,主要是负责数据采集的功能,需要访问者自己去填写,如访问者的姓名、邮箱、性别、地址、留言建议、设置密码、管理个人账户等等。时下表单无处不在,成功的表单设计不仅能提高用户的满意度,更能收集更加精确的数据,相反失败的表单设计只会收集到错误杂乱的信息,可能会最终导致潜在用户的流失。 ...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……