Question

我的网站上需要有背景图片。我尝试使用img标签，但是确实可以使用，但是因为我试图使用Tailwind设置图像样式，所以我更喜欢使用background标签。

这是我当前组件的代码：

import React from 'react';
import Header from '../components/Header';
import houseImg from '../imgs/house-backg-orig.jpg'
import HomePageDescr from '../components/HomePageDescr'

function Home() {

  return (
      
    <div className="">
      <Header/>
      <div style={{ backgroundImage: `url('${houseImg}')` }} />
      <HomePageDescr/>
    </div>
  );
}
export default Home;

所有内容均可渲染，但实际背景除外。我尝试在这里查看各种内容，但没有任何问题/答案。不将require添加到图像中，什么也没有。

有人遇到同样的问题吗？

谢谢

Answer 1

您需要调整div的大小。尝试为div设置height和width

ReactJS无法渲染背景图片

1 个答案: