IE和边框阴影中断

问题描述：

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

右边的阴影是从边缘而左边的阴影是从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每个父元素，但我设置的jQuery的这些属性在$(document).ready()，如果做任何事情。

有谁知道发生了什么事？

对于你的可选问题，你需要区分你知道存在的东西和知道存在东西的API之间的区别。考虑使用'let image = UIImage（named：“startIcon”）！将图像加载到您的应用程序中的示例。除非忘记在资源中包含名为“startIcon”的映像，否则这不会崩溃。作为一名程序员，您希望它崩溃，因此您不要忘记将“startIcon”图像与您的应用一起发布。但对于您的应用程序的用户来说是安全的，因为图像将在运行时存在。 – vacawama

答

当border-collapse设置为collapse时，Edge和IE在box-shadow内部表中存在问题。

您不提供html或完整的CSS，因此无法对您的特定问题进行更具体的描述。

IE和边框阴影中断

相关推荐