next.js 下一个js和顺风css背景图像是不工作

nc1teljy 于 2023-03-12 发布在其他

关注(0)|答案(1)|浏览(128)

我试图使动态旋转木马。我试图设置背景图像，但它不工作。
我尝试的第一种方法是：

<div className={`hero h-[75vh] bg-[url('http://domainname.com.bd/${props.mainImage}')]  w-full overflow-hidden`} >

第二种方法：

<div styles={{ backgroundImage:`url(https://domainname.com.bd/${props.mainImage})`}} className="hero h-[75vh]  w-full overflow-hidden" >

1条答案

第一次尝试不会工作，因为Tailwind CSS并不真正处理动态数据，但第二次尝试工作，如果你只是改变“样式”与“风格”。希望这有助于