Internet Explorer 9+ box shadow和jQuery hide（）

Question

我对Internet Explorer 9+有一个奇怪的错误，例如带有盒子阴影的可隐藏标签：

CSS

label {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

的jQuery

$('label').click(function() {
    $(this).hide();
});

有关jsFidle here

的更完整示例

以下是没有Internet Explorer的人的结果（2）：

所以问题是：如果单击通知将其隐藏，则影子将保留在Internet Explorer 9和10上。

有任何线索吗？

Answer 1

正如@adeneo在评论中所述，问题是IE如何处理box-shadow元素上的display:inline。

解决方案是将元素设置为inline-block，但要注意这将改变元素的位置。