2013-04-26 3 views
0

D'abord, je tiens à remercier les personnes aimables qui m'ont aidé il ya un mois avec une question que j'avais. Je suis presque là mais j'ai un problème avec une image redimensionnée sur cette page.JQuery image en plein écran redimensionner le problème dans Safari

http://www.designbyantony.com/David%20Quigley%20www/index.html

Le JQuery redimensionne sur la page d'accueil fonctionne très bien dans Firefox. Dans Safari, la hauteur ne semble pas vouloir fonctionner et il me reste une zone blanche vide sous l'image lorsque la fenêtre est redimensionnée. Je n'ai pas testé cela dans IE - Je serais vraiment reconnaissant si quelqu'un ne ferait que vérifier pour voir si elle échoue ici aussi. Je suis un débutant complet JQuery donc toute aide serait vraiment appréciée.

Antony

+0

pouvez nous fournir le code? en particulier le code CSS et le code jQuery que vous avez utilisé. : D –

Répondre

0

En fait, rayer mon commentaire. J'ai vérifié votre code à travers firebug et j'ai vu que vous utilisez une balise img. Vous pouvez essayer de le faire:

Supprimez le tag img. Votre méthode préférée ne fonctionne pas aussi bien en chrome. Postez ce code css sur votre balise body:

body { 
background-image:url('images/bg3.jpg'); 
background-attachment:fixed; 
background-position:0,0; 
background-size:cover; 
} 
+0

Salut AJ - merci beaucoup d'avoir répondu. Cela fonctionne très bien sur cette page, mais les images d'arrière-plan apparaissent maintenant sur les autres pages du site (que je ne veux pas - ils sont juste destinés à être blanc). Des idées? –

+0

Je me demandais si chaque page devrait avoir un ID ou avoir un sélecteur de quelque sorte? Il suffit de tirer les cosses de l'air évidemment! –

+0

Vous pouvez utiliser des styles en ligne pour cette page particulière comme ou vous pouvez également utiliser la balise