为什么应用了径向渐变后，我的背景图像不可见

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;
}