Как установить как линейный градиент, так и фоновое изображение в конкретном div, используя стили в React

Question

Мне нужно установить линейный градиент, а также фоновое изображение для определенного div, используя стили в Reactsjs.

Я могу получить любой из них, я имею в виду изображение или линейный градиент, ноне оба одновременно

Изображение будет перекрываться с линейным градиентом

Я пробовал решение ниже:

 leftAdArea: {
      width: 380,
      height: 580,
      background: 'url(https://www.mahealthcare.com/assets/images/clinic/NursePhone.jpg) no-repeat , linear-gradient(135deg, #50A684 30%, #115E67 90%)',
      }

Предложите мне заняться этим, где я могу использовать изображение, а также использовать линейный градиент на изображении

Спасибо

Answer 1

Надеюсь, это поможет.Я думаю, что вы забыли добавить двойные кавычки внутри URL ("ссылка").Я использовал значение гекса + альфа в линейном градиенте (# 50A684 - 80) 80 - это 50% альфа.

     leftAdArea:{
   width: 200px,
   height: 200px,
   background-image:"linear-gradient(135deg, #50A68480 30%, #115E6780 90%), url('https://www.mahealthcare.com/assets/images/clinic/NursePhone.jpg')";
   background-repeat:no-repeat;
   background-position:50%;
   }