You are here
>
Homepage
>
Forums
>
Web Design Help
>
Mozilla & IE, background image doest appear loading. it comes after loading

Contact 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.

Web Design Help

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

View Forum Rules | Contact Forum Editor

For full functionality of our forum it is necessary to enable Javascript in your browser. If you're not sure about how to do this you will find easy to understand instructions at: http://www.enable-javascript.com

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

kidzntoyz

Likes # 0

view kidzntoyz's profile

Posted June 29, 2013 at 5:41AM

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

fourm member

Likes # 0

view fourm member's profile

Posted June 29, 2013 at 4:12PM

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.

kidzntoyz

Likes # 0

view kidzntoyz's profile

Posted July 1, 2013 at 6:02AM

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 :)

fourm member

Likes # 0

view fourm member's profile

Posted July 1, 2013 at 7:47AM

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;

kidzntoyz

Likes # 0

view kidzntoyz's profile

Posted July 1, 2013 at 8:12AM

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

fourm member

Likes # 0

view fourm member's profile

Posted July 2, 2013 at 9:55AM

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.

Forums
>
Web Design Help
>
Mozilla & IE, background image doest appear loading. it comes after loading

Reply to this topic

Check out PC Advisor's other tech forums

Send to a friend

PLEASE NOTE: Your name is used only to let the recipient know who sent the story. Both your name and the recipient's name and address will not be used for any other purpose.