Background Intermittent - Custom CSS

[L33t]

Hey Guys,

I'm having issues with my custom CSS where I apply a background, but sometimes on refresh it does not load. I'm on v1.0.1 and my CSS is really nothing special:

body { background: #787878 url(images/bg3.jpg) no-repeat center center fixed; }

I'm at a loss. Any ideas?

--
L33t

[yariplus]

Try putting a slash in front of the url.
body { background: #787878 url(/images/bg3.jpg) no-repeat center center fixed; }

[L33t]

This actually seems to help. Is there a particular logic behind that suggestion or why it would fix it?

[phit]

difference between relative path and rooted path
see explanation here

[L33t]

@phit I get that, but why would the issue be intermittent? I.E. I load the same page twice. It works 70% of the time and 30% of the time it doesn't.

[frissdiegurke]

@L33t If you really load the same page twice, the result should be the same. Keep in mind that we're talking about page loads, not AJAX requests.
I.E. if you load / via browser URL and navigate to /topic/8299/xyz the background should still be present; If you now press refresh the background should not be present anymore using a relative path within CSS.

EDIT: nvm if it's actually a caching issue as @yariplus states below...

[yariplus]

I'm not actually sure, but my forum has a background using the slash, and I have never had any problems. But when I remove the slash, then it starts not loading on reload, but only sometimes. Very strange. Maybe cause it's cached somewhere.

[L33t]

Interesting. I'll have to keep this one in my back pocket for the future.