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

iteye_19606

于 2011-12-30 13:26:00 发布

阅读量107

点赞数

本文介绍了几种常用的CSS样式技巧，包括线性渐变色设置、元素旋转及调整透明度的方法。适用于网页开发者快速掌握并应用到实际项目中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

收集一下，以免以后忘记了！

1.线性渐变色

background: -webkit-gradient(linear,left top,left bottom,from(#0D85BC),to(#0A73A4));  /*chrome,sarfrai*/


background: -moz-linear-gradient(top,#0D85BC,#0A73A4); /*firefox*/


background: -o-linear-gradient(top,#0D85BC,#0A73A4);   /*opera*/


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*/