在谷歌浏览器等基于webkit内核的浏览器,火狐等可以通过设置transform来设置倾斜:
transform:rotate(30deg);
-webkit-transform:rotate(30deg);
-o-transform:rotate(30deg);
但是由于ie不支持该样式,所以ie用滤镜来实现,具体如下:
filter: progid:DXImageTransform.Microsoft.Matrix(M11="1",M12="0.5",M21="-0.5",M22="1",SizingMethod='auto expand');
其中m11,m12,m21,m22分别设置元素四个方向的倾斜角度。
具体可参照:http://blog.sina.com.cn/s/blog_9e7f771d01013b69.html