Bonjour,
J'utilise le plugin 'jquery-backstretch' (http://srobbin.com/jquery-plugins/jquery-backstretch/) pour avoir un fond redimensionnable. Ca marche bien sous chrome et FF, mais problème sous ie8.
Voici l'adresse du site : http://www.lamineapizza.fr/
Je pense que c'est suite à un problème de css.
En gros le site est contenu dans une div dont l'id est 'site'.
Voici le code du css :
Notez que le z-index ne semble pas jouer. Avec ou sans le résultat est le même quelque soit le navigateur.
Voici le code généré par le plugin relevé sous chrome.
Est ce que quelqu'un aurait une idée, une piste pour résoudre ce problème ?
Merci d'avance !
J'utilise le plugin 'jquery-backstretch' (http://srobbin.com/jquery-plugins/jquery-backstretch/) pour avoir un fond redimensionnable. Ca marche bien sous chrome et FF, mais problème sous ie8.
Voici l'adresse du site : http://www.lamineapizza.fr/
Je pense que c'est suite à un problème de css.
En gros le site est contenu dans une div dont l'id est 'site'.
Voici le code du css :
#site{
position: relative;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
text-align: left;
width: 1000px;
z-index: 111;
}
Notez que le z-index ne semble pas jouer. Avec ou sans le résultat est le même quelque soit le navigateur.
Voici le code généré par le plugin relevé sous chrome.
<div id="backstretch" style="left: 0px; top: 0px; position: fixed; overflow: hidden; z-index: -999999; margin: 0px; padding: 0px; height: 367px; width: 1349px; "><img style="position: absolute; margin: 0px; padding: 0px; border: none; z-index: -999999; max-width: none; width: 1349px; height: 1733.0902777777776px; left: 0px; top: -683.0451388888888px; " src="images/fond.jpg"></div>Est ce que quelqu'un aurait une idée, une piste pour résoudre ce problème ?
Merci d'avance !