opacity、border-radius、transform兼容性處理

  一、ie7/8兼容opacitycss

        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);html

     -webkit-opacity:0.5;css3

  -moz-opacity:0.5;web

   -khtml-opacity:0.5;url

   opacity:.5;spa

   filter:alpha(opacity=50);orm

   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";htm

   filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);ci

   boot結果:filter:~"alpha(opacity=@{opacity-ie})";it

   二、讓ie7支持border-radius 

        behavior:url(css/ie-css3.htc);

   三、transform各類寫法

        transform:rotate(7deg);

   -ms-transform:rotate(7deg);

   -moz-transform:rotate(7deg);

   -webkit-transform:rotate(7deg);

   -o-transform:rotate(7deg);   

相關文章
相關標籤/搜索