我的问题,看起来很愚蠢。但它不是,即使我这么认为。
我的背景颜色上有一个渐变,可以对位于其下方的背景图像产生影响,并且位置固定。
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%);
}`
我希望,我已经足够精确了。如果您需要更多信息,请不要犹豫。
谢谢!
答案 0 :(得分:2)
如果这是你想要的:
你需要添加
top:0; left:0;
z-index:-1;
到body::after
,并将其position:absolute
更改为position:fixed
z-index是必要的,因为否则:: after将位于正文内容的顶部。
请参阅jsfiddle。