Question

我使用插件http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate3.js来旋转项目中的任何对象。这在IE中用于标签旋转工作正常，但同样在chrome中不起作用。请对任何解决方案发表评论。我已经尝试在div中添加标签并旋转div，但这样我旋转后得不到合适的高度/宽度。

检查一下 - http://jsfiddle.net/73pXD/2909/

Answer 1

将display:inline-block;添加到#LogoText1 css。看起来Chrome无法将transform:rotate(...)应用于内联元素。

#LogoText1{
  margin:100px 100px;
  display:inline-block;
}

Updated JSFiddle

Answer 2

知道jQueryRotate3处于实验阶段，并且以前的版本仅适用于img标签，稍后可能会添加对标签的支持。

同时，内联标签不会轻易旋转。我找到并使用的唯一解决方案是稍微改变标签的样式。尝试在旋转之前将display:block;position:absolute添加到标签样式。

由于您所说的高度和宽度不正确，请在outerWidth()之前使用outerHeight()和block来定义标签的大小。并且可以添加一个缓冲区，通过添加span和display inline-block以及您已检索到的相同大小来继续占用所占用的空间。

标签旋转在IE中工作，但不使用jquery旋转在chrome中

2 个答案: