css - 如何使用 React 中的样式在特定 div 中设置线性渐变和背景图像

Question

我需要使用 Reactsjs 中的样式在特定 div 上设置线性渐变以及背景图像

我能够得到它们中的任何一个，我的意思是说图像或线性渐变，但不能同时说两者

图像将与线性渐变重叠

我尝试了以下解决方案：

 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%)',
      }

建议我做这种事情，我可以在图像上使用图像以及线性渐变

谢谢

标签： cssreactjsmaterial-ui

Answer 1

leftAdArea: {
  width: 380,
  height: 580,
  background:`url(obj.image) no-repeat, linear-gradient(135deg, #50A684 30%, #115E67 90%)`,
}

使用反引号而不是 qoutes