jquery - 标签旋转在 IE 中有效，但在使用 jquery 旋转的 chrome 中无效

Question

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

检查这个 - http://jsfiddle.net/73pXD/2909/

Answer 1

添加display:inline-block;到您的#LogoText1CSS。看起来 chrome 不能应用于transform:rotate(...)内联元素。

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

更新了 JSFiddle

Answer 2

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

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

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