2012-02-13 130 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