css - 如何修复背景颜色？

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。