为什么在应用径向渐变后看不到我的背景图像？

Question

我想从图像的右上方开始向照片添加径向渐变。我尝试了很多组合，这是我设法做到的：

background: radial-gradient(circle at top right, #ffffff 0%, #000000 100%), url("../images/banner-image.png");

我的问题是：它没有显示我的照片。任何想法可能有什么问题吗？

Answer 1

您使用的是单色而不是透明的颜色，以便查看下面的图像。

改为使用rgba种颜色

body {
  background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.25), blue), url(http://www.fillmurray.com/284/196);
  height: 100vh;
}