CSS3旋转替代？

我正在使用CSS3规则“旋转”来旋转包含文本的div。你可以在这里看到这个页面：http://vitaminjdesign.com/v2/socialmedia.html。我正在寻找跨浏览器支持旋转div;但是，这个CSS3规则不适用于IE。是否有一个jQuery选项或另一个JavaScript解决方案可以产生相同的结果，并具有跨浏览器兼容性？CSS3旋转替代？

来源

2010-05-01 JCHASE11

使用Sandpaper，你可以使用这个CSS规则：

-sand-transform: rotate(90deg);

，它会在每个浏览器的工作 - 即使在IE浏览器。

来源

2010-05-01 09:58:17

这看起来不错。我会试试看，并且像css3一样回复给你 – JCHASE11 2010-05-01 15:20:18

，文本的渲染并不平滑。这是我的最佳选择，但它不是一个好选择。 – JCHASE11 2010-05-01 15:26:00

工作不太好...... – JCHASE11 2010-05-01 15:51:24

我会用Raphael和Cufon来做这类事情，但是当你旋转的时候你必须用自己的文字包装，因为你必须用Raphael的print而不是Cufon的replace。这样字体就是矢量，旋转是以纯几何的方式处理的。

目前css-rotate的问题超出了跨浏览器的兼容性，但是 - 在支持它的浏览器中，结果通常看起来像垃圾。在我的Firefox 3.6中，您的网站看起来像是在不均匀基线上的别名混杂。我知道你问了一个具体的问题，我尽力回答，但我对你的建议是把js库的开销放在你想要在这里完成的任务，并且只需要一个高质量的图像。您已经在“悬挂标签”背景图片中投入了带宽，因此向该图片添加文本的成本很低，而全新js库为您正确处理文本旋转问题的成本将非常高。不是最尖端的解决方案，我会授予你......但那就是我们今天的地方。

来源

2010-05-01 04:54:33 Plynx

我完全同意...但对于SEO目的（从网页设计公司），这是不是一个选项。 – JCHASE11 2010-05-01 15:18:48

如果您希望css旋转与IE的旧版本兼容，那么可以使用它，但它只能应用一次，并且在计算最终的矩阵时会涉及许多计算。

来源

2012-03-29 14:23:04 Licson

CSS3旋转替代？

回答

相关问题