1

有没有办法使用 css 更改 div 的方向

即我需要在倾斜的位置显示一个div。

有没有一种方法可以定义 div 的四个角

(x1,y1) , (x2,y2) , (x3,y3)(x4,y4)

编辑

有没有办法使用javascript 或 C#来做到这一点?

有没有办法改变图像的方向而不是 div?

4

4 回答 4

2

这是不可能的。

您将需要使用图像或 VML/SVG

请注意,IE 本身并不支持 SVG,并且没有其他浏览器支持 VML,但是有一个 SVG 到 VML 的包装器。检查谷歌

于 2009-05-22T05:46:32.807 回答
1

使用纯 css 是不可能的,您需要使用 svg、flash 或 silverlight 之类的其他东西。Svg 还可以让您将任意 div 嵌入其中,因此它们会像您想要的那样旋转,但是 IE 尚不支持 svg,并且当我上次测试它时,这个特殊功能非常慢。

于 2009-05-22T05:47:15.443 回答
0

您总是可以使用边框倾斜吗?

倾斜允许您在角度上绘制框,但它们不会让您将文本放在角度上。

于 2009-05-22T06:03:21.103 回答
0

我只需要在 IE 中做,我确实使用了矩阵过滤器并设置了M11M12M21M22的值。

<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>
于 2009-05-22T10:29:28.067 回答