2012-02-13 131 views
0

我尝试了一些CSS3功能,比如旋转... 我看了一些教程,我总结了以下简单的例子:CSS3旋转的Linux

<html> 
<head> 
<style> 
.example { 
    color: red; 
    -webkit-transform:rotate(45deg); /* Chrome & Safari */ 
    -moz-transform:rotate(45deg); /* Firefox */ 
    -o-transform:rotate(45deg); /* Opera */ 
    -ms-transform:rotate(45deg); /* IE 9+ */ 
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678, sizingMethod='auto expand'); /* IE 7-8 */ 
} 
</style> 
</head> 
<body> 
<dic class="example">Text</div> 
</body> 
</html> 

在Firefox但不是工作在Chrome for Linux中。 我无法在任何其他操作系统/浏览器中测试它。我在哪里做错了?

回答

3

我相信没有<dic> HTML元素 - 应该是<div>

+0

可耻的是我.... :( – lviggiani 2012-02-14 22:49:10