【问题标题】:Why is background image not working in React?为什么背景图像在 React 中不起作用?
【发布时间】:2021-02-14 02:44:12
【问题描述】:

我正在尝试导入 jpg 图像并将其用作背景图像。但是,它不起作用。背景上没有显示图像。 【注意图片没问题,导入也没问题。我尝试过使用 img 标签]。

import login_bg from './Login.jpg'
<div style = {{backgroundImage: `url(${login_bg})`, backgroundPosition: 'center',
  backgroundSize: 'cover',
  backgroundRepeat: 'no-repeat'}}>
HII
  </div>

如何解决这个问题?

【问题讨论】:

  • 尝试给 div 加一些填充,如果图像正确,您将看到图像。
  • 如果您使用的是使用 create-react-app 创建的 react 项目,请将图像移动到公共文件夹并调用图像 URL。

标签: html css reactjs


【解决方案1】:

如果您在导入图像时遇到一些问题。您可以轻松地使用图像 url,并且粘贴在该 url() 中。希望能解决你的问题。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-06-01
    • 2017-04-22
    • 2014-08-31
    • 1970-01-01
    • 2021-02-19
    • 2021-05-15
    • 2023-03-03
    相关资源
    最近更新 更多