0

私はGoogleChromeでかなり奇妙な問題に遭遇しました。CSS3変換（回転）を適用したときにH1要素をフェードアウトできません。これは、画像を使用する以外に回避できない奇妙な問題のようです。誰かがこれを修正する方法を知っていますか、私がそうする必要がなければ、私はこれを画像でハックしたくありません。

これがその特定のH1のCSSです

.studieprogramLinje h1{
color:#fff;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
 transform: rotate(90deg);
 white-space: nowrap;
 margin-top:270px;
 font-weight: 100;
 }

そして、JQueryの部分は次のとおりです。

$('#mobilApputvikling h1').fadeOut(200);

次のようにすべてのh1要素をフェードアウトすると機能しているようです。

$('h1').fadeOut(200);

しかし、この特定のものではありません。ただし、CSS3で回転を削除すると機能します。

4

1 に答える 1

0

代わりにjQueryアニメーションを使用してみましたか？おそらく同じ効果がありますが、回避策になる可能性があります。

$('h1').animate({ opacity: 0 }, 200);

回避策がない場合は、バグを送信してみてください：Chromium Bugs

于 2013-01-13T14:18:53.470 に答える