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

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

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

Why is my background-image not visible with a radial gradient applied?

css

radial-gradients