Background Image example does not work

[timgavin]

The background image example shows a relative URL, however, after many trials & tests I have only been able to get the bg-[url()] utility to work with a full URL.

// does not work
bg-[url(/img/mountains.jpg)]

// does work
bg-[url(https://tailwind4.test/img/mountains.jpg)]

[eliooooooo]

Hello,
This works fine for me.

I tried it in a new project and was able to use bg-[url(/img/mountains.jpg)] to display a background image, positioned in the root directory.

Perhaps this is a problem with your link?

[timgavin]

I tried this in a Laravel app that I upgraded, and since I couldn't get it working (figured I was doing something wrong) I created a new Laravel install using Herd (followed the instructions from Tailwind's docs to be sure) and was still not able to see the image using a relative URL. I was able to use style="background: url('/dark.jpg')" in the same div, and I saw the image, so I know the link is valid.

[rozsazoltan]

Both work:

https://play.tailwindcss.com/o7ZeciLw6x