Buying Make my fullscreen css background work on all browsers including iPad and iPhone!-$10

Hi there!

I have a new website that has an awesome background that I need to show up well on mobile devices. I don't have time to keep fiddling with the code to get the background to work and I'm sure someone here already knows how to do it. At present, the css code I'm using works great on
Chrome (PC and Mac)
Firefox (PC)
Safari (Mac)

but doesn't work on
IE (PC)
Firefox (Mac)
iPhone or iPad

It is a fullscreen fixed image. To see how it should look, check out booksurvey dot org with one of the browsers above that works.

A demonstration of the code working on another site with all browsers mentioned gets you $10 without delay via paypal. In case it matters, I do not want a solution that uses JQuery. Otherwise any css +/- javascript solution will suffice.

PS. Post here when you have something that works so that others don't waste their time. Thanks!

 

Hello, sorry for the PM, Working solution is in CSS.

inside ur css file all you need is change this background-image: url("background.svg");
to
background-image: url("background.svg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

Thanks

Edited please check back the code once again.

 

Hi, thanks for helping so quickly.

I set up your code here:
booksurvey dot org/index2.php which uses
booksurvey dot org/booksurveystyles2.css

and now the background doesn't work in Chrome (PC) let alone iPhone.

Did I implement it incorrectly?

Thanks

 

it works perfect on Chrome PC and IE PC. I also tried iPhone and works perfect

 

Are you seeing something different? All I see is a solid background on all platforms.

http://browsershots.org/http://booksurvey.org/index2.php

 

It worked perfect mate. all you need is to remove that min width and min height

Thanks let me know if you needed any more help
Use following code:
body {
width:100%;
font-size:90%;
background: #ffdc9d url('http://booksurvey.org/background.svg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

 

Still not working for me. Could you set up a demo of the code working somewhere else?

booksurvey dot org/index2.php