当javascript更改容器大小时，Box-shadow不会正确重新呈现。 （IE9 / 10）

Question

我最近在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 +中，盒子阴影留在容器中，但它也留下了第二个阴影，盒子用来伸展到。

最新版本的Firefox，Chrome和Opera都能正常运行。 IE9和10是问题所在。

Answer 1

只需使用投影重新绘制元素。使重绘更改z-index。在您的情况下，在删除后在$('form').hover中添加此内容。您可以使用下面的代码将其更改为之前的z-index，或者只需将其设置为1。

$('#lightning-deal').css('z-index', $('#lightning-deal').css('z-index'));