Reputation: 41
I have this page, and I use a background-image on the body. I'm a professional web-developer, and have done this literally thousands of times, so I'm by no means a beginner.
Anyway, the background-image displays in Safari and Chrome, and also when testing locally in Firefox. As soon as I upload the page and test it online, it no longer displays in Firefox (the other browsers are fine).
Firebug tells me that the image loads just fine, and the path is correct.
Does anybody have an idea what could be the cause of this? I think I checked all possible 'culprits', and as mentioned, everything is fine in Safari and Chrome, both locally and online.
You can see the page here: https://ssl.director.dk/clients/pfmb/index.html
body {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.5;
color: #fff;
margin: 0;
padding: 0;
background-image: url('../img/adbg.jpg');
background-color: #000000;
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}
Please help, because this is driving me crazy.
Cheers
Hans
Upvotes: 1
Views: 314
Reputation: 3072
your <body>
renders with this attribute: background="img/adbg.jpg"
Perhaps it is overriding your CSS. Could that be the culprit?
Upvotes: 1