Background image not working (nextjs 13 + tailwindcss)
Unanswered
Dwarf Crocodile posted this in #help-forum
Dwarf CrocodileOP
I am trying to use background image in this way:
<div className="relative z-[1] bg-white pt-[80px] lg:bg-[url('/assets/Footer/footer.svg')] bg-[url('/assets/Footer/footer-mobile.svg')] bg-cover bg-no-repeat">
..... REST OF THE CONTENT .....
</div>
now the problem is the image is working in localhost & if i try to build it locally and serve still working but if i try publish it the in live its not working.
<div className="relative z-[1] bg-white pt-[80px] lg:bg-[url('/assets/Footer/footer.svg')] bg-[url('/assets/Footer/footer-mobile.svg')] bg-cover bg-no-repeat">
..... REST OF THE CONTENT .....
</div>
now the problem is the image is working in localhost & if i try to build it locally and serve still working but if i try publish it the in live its not working.