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.