有没有办法使用 css 更改 div 的方向。
即我需要在倾斜的位置显示一个div。
有没有一种方法可以定义 div 的四个角
(x1,y1) , (x2,y2) , (x3,y3) 和(x4,y4)
编辑
有没有办法使用javascript 或 C#来做到这一点?
有没有办法改变图像的方向而不是 div?
有没有办法使用 css 更改 div 的方向。
即我需要在倾斜的位置显示一个div。
有没有一种方法可以定义 div 的四个角
(x1,y1) , (x2,y2) , (x3,y3) 和(x4,y4)
编辑
有没有办法使用javascript 或 C#来做到这一点?
有没有办法改变图像的方向而不是 div?
这是不可能的。
您将需要使用图像或 VML/SVG
请注意,IE 本身并不支持 SVG,并且没有其他浏览器支持 VML,但是有一个 SVG 到 VML 的包装器。检查谷歌
使用纯 css 是不可能的,您需要使用 svg、flash 或 silverlight 之类的其他东西。Svg 还可以让您将任意 div 嵌入其中,因此它们会像您想要的那样旋转,但是 IE 尚不支持 svg,并且当我上次测试它时,这个特殊功能非常慢。
您总是可以使用边框倾斜吗?
倾斜允许您在角度上绘制框,但它们不会让您将文本放在角度上。
我只需要在 IE 中做,我确实使用了矩阵过滤器并设置了M11、M12、M21和M22的值。
<style>
.SlantingDiv { padding: 2px; filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=1.0,M12=0.4,M21=-0.2,M22=1.0); width: 60; height: 60; padding: 6px; border: #a9a9a9 1px solid }
</style>
<div class="SlantingDiv">
Slanting Text or Image
</div>