<分区>
基于我在此处找到的非常简单的示例:<dead link removed> .
CSS 应该同时显示透明的 png 和它背后的渐变。我想知道这个问题是否与 css 的构建方式有关。
body {
background-image:url('Clouds.png');
background-image: linear-gradient(bottom, #9B7698 24%, #4447AB 63%);
background-image: -o-linear-gradient(bottom, #9B7698 24%, #4447AB 63%);
background-image: -moz-linear-gradient(bottom, #9B7698 24%, #4447AB 63%);
background-image: -webkit-linear-gradient(bottom, #9B7698 24%, #4447AB 63%);
background-image: -ms-linear-gradient(bottom, #9B7698 24%, #4447AB 63%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.24, #9B7698),
color-stop(0.63, #4447AB));}
如果我只有 image:url，它可以很好地加载云。但除此之外它只显示渐变而不显示图像。
我也很好奇我是否可以在底部添加一个渐变为白色的附加渐变，以便在页面滚动时它与静态云图像啮合，但我对一般的渐变还不够熟悉。提前致谢。