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

  kidzntoyz 05:41 AM 29 Jun 13
Locked

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 16:12 PM 29 Jun 13

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 06:02 AM 01 Jul 13

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 07:47 AM 01 Jul 13

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 08:12 AM 01 Jul 13

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 09:55 AM 02 Jul 13

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.

Advertisement

This thread is now locked and can not be replied to.

How to get Windows 10 now: how to download and install Windows 10 even if GWX.exe is missing

1995-2015: How technology has changed the world in 20 years

Nokia rolls out spherical camera for virtual reality apps

7 best iPhone web browser apps: Why Safari for iOS is still a better option than Chrome, Dolphin,…