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

nc1teljy  于 2023-03-12  发布在  其他
关注(0)|答案(1)|浏览(129)

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

<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" >
n6lpvg4x

n6lpvg4x1#

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

相关问题