我希望网站能够有一个背景颜色,并且有一张随着宽度自适应并保持纵横比的背景图片。到目前为止还比较容易实现:
body {
background-attachment:fixed;
background-color:#ff9999;
background-image:url(https://i.redd.it/x7hdjnmupu901.jpg); // random image from google search
background-position:top center;
background-repeat:no-repeat;
background-size:100% auto;
}
现在,使用CSS是否可以使背景图片向底部“淡入”背景颜色?也就是说,让背景图片的底部50像素逐渐失去alpha值,这样它就可以平滑地进入背景颜色中。
如果有人想查看/玩弄它,请看这里的JSFiddle链接: http://jsfiddle.net/wkz1t2b3/5/
linear-gradient
方法的人有价值。 - Tyler Roper