1

最近、IE9 と IE10 でデザインをクロステストしているときに、この問題に遭遇しました。これは、codepen の簡略化されたバージョンです。http://codepen.io/jimmykup/full/DHeBC.com (実際の問題のスクリーンショットはこちら: http://i.imgur.com/xEQ52.png )

  1. 最初の jQuery は、いくつかの HTML をコンテナーに追加します。
  2. コンテナーにカーソルを合わせると、.remove() を使用して同じ HTML を削除します。
  3. HTML が削除されるため、親コンテナー (box-shadow を含む) の高さが変わります。
  4. IE9+ では、ボックスの影はコンテナにとどまりますが、ボックスが伸びていた場所に 2 番目の影も残ります。

Firefox、Chrome、Opera の最新バージョンではすべて正常に動作します。IE9と10が問題です。

4

1 に答える 1

4

ドロップ シャドウで要素を再描画するだけです。再描画を行うには、z-index を変更します。あなたの場合$('form').hover、削除後にこれを追加してください。以下のコードを使用して以前の z-index に変更するか、単に 1 に設定することができます。

$('#lightning-deal').css('z-index', $('#lightning-deal').css('z-index'));
于 2012-10-04T20:24:18.117 に答える