Почему мое фоновое изображение не видно с применением радиального градиента?

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