We use cookies to provide you with a better experience. If you continue to use this site, we'll assume you're happy with this. Alternatively, click here to find out how to manage these cookies

hide cookie message
Contact Forum Editor

Send an email to our Forum Editor:


PLEASE NOTE: Your name is used only to let the Forum Editor know who sent the message. Both your name and email address will not be used for any other purpose.

Tech Helproom


It's free to register, to post a question or to start / join a discussion


 

Mozilla & IE, background image doest appear loading. it comes after loading


kidzntoyz

Likes # 0

This is mu website link http://kidzntoyz.com/Final/, in chrome it is working fine. but in mozilla & IE the body background appears later after finishing loading. I want the body background image to appear early. am getting a patch cuz of background not loading earlier. Please help

Like this post
fourm member

Likes # 0

I found this example of the CSS for a background image

background-image:url('paper.gif');

Your css says

background:url(../images/bg-1.jpg)

Try changing 'background' to 'background-image' and putting '' inside the brackets for the file name.

Like this post
kidzntoyz

Likes # 0

Thank yew for the update, i appreciate it!

Here is an updated link which looks even uglier in all the browser after updating the above css example.

Expecting a better option :)

Like this post
fourm member

Likes # 0

I've just looked at your stylesheet, again, and it hasn't changed.

It still says background:url(../images/bg-1.jpg) no-repeat center top;

Like this post
kidzntoyz

Likes # 0

Hello

This the updated css now

body {background-image:url('../images/bg-1.jpg') no-repeat center top; } .main{ min-height:300px;background-image:url('../images/bgcontenttop.png') no-repeat; padding:0 15px; }

but both of these images are invisible in all the major browsers. I want to appear.

In my previous case in Mozilla & IE while the page is loading for the first time the .main{} used image looks ugly that's my concern

Like this post
fourm member

Likes # 0

This is what the css file shows;

body, #body-policy {background:url(../images/bg-1.jpg) no-repeat center top;font:13px/18px Arial, Helvetica, sans-serif;color:#696969; font-weight:normal;min-width:1009px;} hashtagbody-policy {background:url(../images/bg-2.jpg) no-repeat center top; }

[The word hashtag is there because # at the start of a line on here messes with the format.]

I don't know why this is different from what you think it is.

I just tried it in Safari (knowing I didn't have anything cached) and it loaded reasonably quickly.

You might find that simply reducing the file size for the image helps. It is very big for a background. Try upping the compression to reduce the file size.

Like this post

Reply to this topic

This thread has been locked.



IDG UK Sites

Best Christmas 2014 UK tech deals, Boxing Day 2014 UK tech deals & January sales 2015 UK tech...

IDG UK Sites

LED vs Halogen: Why now could be the right time to invest in LED bulbs

IDG UK Sites

Christmas' best ads: See great festive spots studios have created to promote themselves and clients

IDG UK Sites

Stop running out of cellular data on your iPhone, see which apps use the most data