我试图使动态旋转木马。我试图设置背景图像,但它不工作。
我尝试的第一种方法是:
<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条答案
按热度按时间n6lpvg4x1#
第一次尝试不会工作,因为Tailwind CSS并不真正处理动态数据,但第二次尝试工作,如果你只是改变“样式”与“风格”。希望这有助于