Background Mobile Ansicht (Nur iPhone)

Hallo zusammen

Ich habe ein Template dass ich komplett angepasst habe und eigentlich gar nicht mehr dem Original entspricht. Nun funktioniert auch soweit alles Prima auf dem Desktop. Mobile eigentlich auch bis auf das iPhone.

Beim iPhone wird der Hintergrund verpixelt obwohl das Bild eine hohe Auflösung hat. Das komische ist, es ist nur beim iPhone. Beim Android wird der Hintergrund gar nicht angezeigt.

Link zur Seite: http://goo.gl/Y6KxCJ

Printscreen im anhang

hi danke für deinen Tipp.

Ich habe das nun wie folgt ergänzt:

table, th, td, tr{ padding: 8px; border: 1px solid #D8D8D8; border-collapse: collapse;}
body{ font-family:  Arial, sans-serif; font-size:13px; color: #fff; background: #000; background-image: url(https://www.casio-watch.ch/contest/wp-content/uploads/2014/01/G-Shock-Background.jpg);
background-repeat: no-repeat; background-position: center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;

Dann macht er jedoch das Bild auf die Breite des iphones und zieht es nach unten. Es verzieht es noch mehr. Scheint aber ein bekanntes Problem zu sein. Evtl. bediene ich mich an diesem Script: http://srobbin.com/jquery-plugins/backstretch/

Gruss zyclop