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()，如果做任何事情。

有誰知道發生了什麼事？

來源

2017-10-28 Balázs Vincze

對於你的可選問題，你需要區分你知道存在的東西和知道存在東西的API之間的區別。考慮使用'let image = UIImage（named：「startIcon」）！將圖像加載到您的應用程序中的示例。除非忘記在資源中包含名爲「startIcon」的映像，否則這不會崩潰。作爲一名程序員，您希望它崩潰，因此您不要忘記將「startIcon」圖像與您的應用一起發佈。但對於您的應用程序的用戶來說是安全的，因爲圖像將在運行時存在。 – vacawama

當border-collapse設置爲collapse時，Edge和IE在box-shadow內部表中存在問題。

您不提供html或完整的CSS，因此無法對您的特定問題進行更具體的描述。

來源

2017-10-28 15:29:28

IE和邊框陰影中斷

回答

相關問題