IPhone, IPad... etc Not showing background images

[simonf]

Hi All you clever CSS folks

On my website in my style.css I specify some background that show is various places on the page, it works 100% on everything else except IOS (iPad, iPhone's etc).

Can anyone suggest how I can rectify this??

Thanks in advance


#header {
background-image: url(../../img/steback.jpg);
background-repeat: no-repeat;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size:cover;
}

#services {
background-image: url(../../img/about.jpg);
background-repeat: no-repeat;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size:cover;
color: white;
}

#contact {
background-image: url(../../img/newsletter-bg.png);
background-repeat: no-repeat;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size:cover;
color: white;
background-color: #405162;

[Beverleyh]

In what way doesn't it work?

And a demo would be helpful to illustrate the undesirable behaviour.

[simonf]

HI Beverly

Thanks again ;)

OK.. so on a msdevice (Laptop etc, Firefox, Chrome etc) looks like this=

5970

Android Smartphone (Samsung, BB etc all OK)

5971

With IOS device (iPad, iPhone as you will see the background images is missing (all the other images on the pages are 100%, i.e pics of houses etc)

5972

Website is http://www.silvertreeestates.co.za/ if anyone wants to see full site

rgds,Simon

[Beverleyh]

What I would do in your shoes is create a test page copy that you can strip back to the single element +CSS that contains the image. Test it, and if the problem isn't there, start adding back markup and CSS is logical blocks, testing between each addition, until you find the thing that creates the problem. Leave the scripts til the end and add them back one by one too. You should get to a point where you can identify what is causing the problem and then you'll be able to concentrate on fixing it.

[simonf]

HI Beverley

Thanks, that what I'm busy trying at the moment lol, but will feedback if/when I find the issue.