css - Safari和Chrome的Box-shadow外观不同

我给了DIV阴影效果。但是，相同的代码在野生动物园中看起来更暗，在chrome中则更薄。对于Chrome浏览器，阴影不会出现在左侧和顶部。

.div_wrapper {
  box-shadow: 4px 4px 15px -6px black;
  -moz-box-shadow: 4px 4px 15px -6px black;
  -webkit-box-shadow: 4px 4px 15px -6px black;
  background: #fff;
  padding: 10px;
  width: 400px;
  height: 400px;
  margin-bottom: 10px;
}

最佳答案

这是正常的。由于不同浏览器的表示机制不同，某些CSS属性的行为也会有所不同。

此外，您还可以load different CSS file for different browsers。

关于css - Safari和Chrome的Box-shadow外观不同，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36719107/