停止背景颜色在Chrome中的堆叠强度

时间:2019-05-21 06:42:24

标签: css google-chrome background-color retina

在铬中使用相同背景颜色的两个元素重叠时,它们的强度会叠加,导致该颜色的颜色变深或变深。我在Retina显示器上注意到了这一点。

这里是一个例子:

Two elements with the same color

body {
  width: 100%;
  height: 100%;
  background: #1D2126;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: #1D2126;
}

这是示例的Codepen: https://codepen.io/SebastianOpperman/pen/KLXJwN

还有谁遇到过这个问题?

0 个答案:

没有答案