1

DIV内に単純なIMGがあります。JavaScriptを使用して、DIV要素に遷移を適用します。

<div style="transition: opacity 0.8s linear; opacity: 0.5;"><img
  src="..." /></div>

遷移時間が終了すると、che DIV要素（またはDIVの親）が非表示になり、一瞬で表示に戻ります。この問題により、バットがフラッシュします。

私はこれを私のiPADでのみ見ています。私のPCでは、移行は完璧です。

この問題を解決するにはどうすればよいですか？

4

1 に答える 1

0

div をハードウェア アクセラレーションする必要があります。そのためには、次のスタイルを追加する必要があります。

 -webkit-transform: translateZ(0px);

彼らは、次のスタイルもハードウェアアクセラレーションを有効にするのに役立つと言いますが、私にはうまくいきませんでした.

-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;

デバッグを支援するには、次のキーを使用してターミナルから Mac で Safari を実行する必要があります。

$> export CA_COLOR_OPAQUE=1 
$> /Applications/Safari.app/Contents/MacOS/Safari

CA_COLOR_OPAQUE は、加速されている要素を示します。

于 2013-07-10T13:33:15.367 に答える