CSS 背景图像未加载，但在我检查后加载

Question

In one of my websites, I am using css background-image property to set the background for different sections. All the sections load their background images properly except for the contact section.

When I try to inspect it, the inspector shows that the background image could not be loaded in the tool tip. But when I try to open the image in a new tab, I can see the image perfectly, After I do this, when I do a refresh of the page, I am able to see the background image for that section correctly now. I inspected the Network tab and don't even find the image file being called. However, after opening the image in a new tab and then inspecting the network tab shows the image.

Error when I inspect before trying to open the image in a new tab:

My site can be viewed here . The error happens in the Contact Section and can be viewed here

Please help me with this strange error.

Answer 1

Because you are getting this error in console:

The HTTP 409 Conflict response status code indicates a request conflict with current state of the server

Your Image Path:

The alternative and generally better option is to use a path that's relative to your domain, You should pass your image:

Please see this post: background images path not working in CSS