jquery - Internet Explorer 9+ 框阴影和 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 如何处理 display:inline 元素上的 box-shadow。

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