IE和Edge框阴影被切断

Question

我有一个带有一些盒子阴影的div，但是由于某些原因，在Internet Explorer和Edge中阴影非常难看。它们在所有其他浏览器上看起来都很棒。

右侧的阴影来自Edge，而左侧的阴影来自Chrome。

这是我的css：

.container-panel{
    height: 210px;
    -webkit-box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.30);
    box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.30);
    margin-bottom: 25px;
}

我在每个父元素上都有overflow:visible，但我在$(document).ready()中设置了Jquery的属性，如果有的话。

有谁知道发生了什么事？

Answer 1

当box-shadow设置为border-collapse的表格内时，Edge和IE在collapse时出现问题。

您没有提供HTML或完整的CSS，因此无法更具体地说明您的特定问题。