互联网浏览器9+框阴影和jQuery隐藏()

Question

我在9+中有一个奇怪的bug，例如带有框影的可隐藏标签：

CSS

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

jQuery

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

关于jsFidle 这里的更完整的示例

以下是那些没有Internet Explorer的人的结果(2)：

​

​

所以问题是:如果您单击通知来隐藏它，阴影将保留在Internet 9和10中。

有线索吗？

Answer 1

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

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