css - 盒子阴影对于 s​​afari 和 chrome 看起来不一样

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 .