Avatar for Username

تلاش سپورٹ

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

مزید سیکھیں

اس تھریڈ کو آرکائیوکیا گیا تھا۔ اگر آپ کو مدد کی ضرورت ہو تو براہ مہربانی نیا سوال پوچھیں۔

Background image on my site not loading. Works in Chrome/Safari.

akogan
akogan
more options

My website, www.youbrewyou.co, looks good on Safari and Chrome, but the homepage background image isn't loading on Firefox. The image itself just shows up as gray when I open it directly. Like I said, no issues in other browsers. Insight would be much apprecaited! 

Website: youbrewyou.co
Image: http://youbrewyou.co/images/homeHero2.jpg

HTML:
<body class="homeHero">
content
</body>

CSS: 
body.homeHero{
	background: url(./images/homeHero2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
       -o-background-size: cover;
	background-size: cover;
	z-index: -2;
}
My website, www.youbrewyou.co, looks good on Safari and Chrome, but the homepage background image isn't loading on Firefox. The image itself just shows up as gray when I open it directly. Like I said, no issues in other browsers. Insight would be much apprecaited! Website: youbrewyou.co Image: http://youbrewyou.co/images/homeHero2.jpg <pre><nowiki>HTML: <body class="homeHero"> content </body> CSS: body.homeHero{ background: url(./images/homeHero2.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: -2; }</nowiki></pre>

cor-el کی جانب سے میں ترمیمکی گئ

تمام جوابات (1)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

Firefox's web console shows:

Image corrupt or truncated. http://youbrewyou.co/images/homeHero2.jpg

It does seem to load in a stand-alone tab if you bypass the cache. (Mac: Command+Shift+r, Windows: Ctrl+Shift+r)

I suspect it's a problem with the image size reported by the server: it says

Content-Length: 2031616

which is the uncompressed size, but it is sending the image compressed down to about 1050276 bytes.

When Firefox gets a file smaller than the stated size, it stops rendering it. It doesn't decompress it and check again.

Likely this is a web server configuration issue, but not sure of the best fix.

Similar thread: Our clients are having trouble downloading a text (.txt) file from our site on version 33.0 (using a filestream)