Question

我的问题，看起来很愚蠢。但它不是，即使我这么认为。

我的背景颜色上有一个渐变，可以对位于其下方的背景图像产生影响，并且位置固定。

body{
  background-image:url(...);
  background-attachment: fixed;
}

body:after{
  content: "";
  display: block;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  background: -moz-linear-gradient(-45deg, rgba(30,87,153,1) 0%, rgba(89,148,202,1) 62%,     rgba(95,154,207,0.7) 68%, rgba(125,185,232,0) 100%);
}`

我希望，我已经足够精确了。如果您需要更多信息，请不要犹豫。

谢谢！

Answer 1

如果这是你想要的：

身体上固定的背景图片
以及固定背景，隐藏了大部分背景图片

你需要添加

top:0; left:0;
z-index:-1;

到body::after，并将其position:absolute更改为position:fixed z-index是必要的，因为否则:: after将位于正文内容的顶部。

请参阅jsfiddle。

如何修复背景颜色？

1 个答案: