我正在使用CSS3规则“旋转”来旋转包含文本的div
。你可以在这里看到这个页面:http://vitaminjdesign.com/v2/socialmedia.html。我正在寻找跨浏览器支持旋转div
;但是,这个CSS3规则不适用于IE。是否有一个jQuery选项或另一个JavaScript解决方案可以产生相同的结果,并具有跨浏览器兼容性?CSS3旋转替代?
8
A
回答
11
1
我会用Raphael和Cufon来做这类事情,但是当你旋转的时候你必须用自己的文字包装,因为你必须用Raphael的print
而不是Cufon的replace
。这样字体就是矢量,旋转是以纯几何的方式处理的。
目前css-rotate的问题超出了跨浏览器的兼容性,但是 - 在支持它的浏览器中,结果通常看起来像垃圾。在我的Firefox 3.6中,您的网站看起来像是在不均匀基线上的别名混杂。我知道你问了一个具体的问题,我尽力回答,但我对你的建议是把js库的开销放在你想要在这里完成的任务,并且只需要一个高质量的图像。您已经在“悬挂标签”背景图片中投入了带宽,因此向该图片添加文本的成本很低,而全新js库为您正确处理文本旋转问题的成本将非常高。不是最尖端的解决方案,我会授予你......但那就是我们今天的地方。
+0
我完全同意...但对于SEO目的(从网页设计公司),这是不是一个选项。 – JCHASE11 2010-05-01 15:18:48
2
如果您希望css旋转与IE的旧版本兼容,那么可以使用它,但它只能应用一次,并且在计算最终的矩阵时会涉及许多计算。
相关问题
- 1. CSS3旋转Snapback
- 2. 旋转css3 bug
- 3. jQuery的CSS3,第二“旋转()”在“变换:旋转()平移()旋转()”,代替第一一个
- 4. CSS3旋转梯度
- 5. CSS3文本旋转
- 6. CSS3旋转动画
- 7. CSS3全角旋转
- 8. CSS3旋转的Linux
- 9. CSS3旋转变换
- 10. CSS3旋转问题
- 11. CSS3旋转问题
- 12. 旋转的头CSS3
- 13. css3文字旋转
- 14. 围绕替代轴旋转
- 15. CSS3转换旋转问题
- 16. css3替代translate3d?
- 17. CSS3转换的替代方法:在CSS2或Javascript中旋转(xdeg)以旋转文本
- 18. CSS3从左侧旋转?
- 19. CSS3&HTML5 - 旋转对象组
- 20. 绕css3旋转中心
- 21. jQuery点击css3旋转
- 22. CSS3旋转和起源
- 23. 如何旋转在CSS3
- 24. css3多个3d旋转
- 25. css3滑块自动旋转
- 26. CSS3动画旋转铬
- 27. CSS3延迟旋转动画
- 28. css3根据光标旋转
- 29. 旋转div与角度css3
- 30. CSS3动画旋转螺旋效果?
这看起来不错。我会试试看,并且像css3一样回复给你 – JCHASE11 2010-05-01 15:20:18
,文本的渲染并不平滑。这是我的最佳选择,但它不是一个好选择。 – JCHASE11 2010-05-01 15:26:00
工作不太好...... – JCHASE11 2010-05-01 15:51:24