jquery - Internet explorer 9+ box shadow 和 jQuery hide()

Question

我对 Internet Explorer 9+ 有一个奇怪的错误，例如带有 box-shadow 的可隐藏标签：

CSS

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

jQuery

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

此处有关 jsFidle 的更完整示例

以下是没有 Internet Explorer 的用户的结果 (2)：

所以问题是：如果您单击通知将其隐藏，则 Internet Explorer 9 和 10 上的阴影仍然存在。

有什么线索吗？

Answer 1

正如@adeneo在评论中所说，问题在于 IE 如何box-shadow处理display:inline.

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