对于safari和chrome来说，Box-shadow看起来并不相同

Question

我为DIV提供了盒子阴影效果。但是相同的代码在safari中看起来更暗，而在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;
}

Answer 1

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

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