0

プロジェクト内のオブジェクトを回転させるためにプラグインhttp://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate3.jsを使用しています。これは IE ではラベルの回転に問題なく機能しますが、同じことが chrome では機能しません。どんな解決策でもコメントしてください。すでにdiv内にラベルを追加してdivを回転させようとしましたが、この方法では回転後に適切な高さ/幅が得られません。

これをチェックしてください - http://jsfiddle.net/73pXD/2909/

4

2 に答える 2

0

cssに追加display:inline-block;します。#LogoText1クロムはtransform:rotate(...)インライン要素に適用できないようです。

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

更新された JSFiddle

于 2012-09-25T13:22:14.630 に答える
0

jQueryRotate3 は実験段階にあり、以前のバージョンはimgタグのみを対象としていたため、後でラベルのサポートが追加される可能性があります。

一方、インライン タグは簡単には回転しません。私が見つけて使用した唯一の解決策は、ラベルのスタイルを少し変更することです。display:block;position:absolute回転する直前にラベル スタイルに追加してみてください。

間違った高さと幅について話しているので、 と を使用outerWidth()しouterHeight()て、ラベルを作成する前にラベルのサイズを定義しますblock。また、バッファを追加して、取得したのと同じサイズを追加spanして、使用していたスペースを確保し続けることもできます。display inline-block

于 2012-09-25T13:27:05.280 に答える