让IE支持CSS3的不完全兼容方案( 二 )


-webkit-transform: rotate(180deg); /* Saf3.1 , Chrome */
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod=’auto expand’,M11=-1, M12=-1.2246063538223772e-16, M21=1.2246063538223772e-16, M22=-1);

旋转也很简单
@font-face服务器端字体
考虑到汉字字体的尺寸,这个CSS3的特性不算实用

复制代码代码如下:
font-family:’webFont’;
src:url(’myfont.eot’);/*IE6 */
src:local(’fontname’),/*字体名称*/
url(’myfont.woff’) format(’woff’),/*FF3.6*/
url(’myfont.ttf’) format(’truetype’);/*saf3 ,chrome,FF3.5,opera10 */

字体声明并引用了以后,可以在网页的其他地方用font-family使用这一字体 。
可以在同一个元素上启用多个滤镜,如:

复制代码代码如下:
filter: progid:DXImageTransform.Microsoft.Shadow(color=’#000000’, Direction=145, Strength=5)progid:DXImageTransform.Microsoft.Alpha(opacity=40);

虽然一些用滤镜模仿CSS3的效果难称完美,但在一些情况下,运用这些技术能够让我们的代码更为简洁和统一

推荐阅读