Backgroud qui s'adapte aux résolutions.
Theophile76
Messages postés
2115
Statut
Membre
-
bg62 Messages postés 23433 Date d'inscription Statut Modérateur Dernière intervention -
bg62 Messages postés 23433 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
je suis en train de créer un site et j'ai un problème au niveau de l'image de font.
En fait je voudrais que l'image s'adapte à toute les résolutions sans déformation.
Bien sur si elle n'est pas déformer elle sera surement recadrer mais c'est moins grave.
Je voudrais un font qui ne bouge pas quand on fait défiler la page.
J'ai test un truc de ce genre mais ça fonctionne pas partout et ça fait lag ...
Merci de votre aide ;)
On s'ennuie pas avec l'informatique :)
je suis en train de créer un site et j'ai un problème au niveau de l'image de font.
En fait je voudrais que l'image s'adapte à toute les résolutions sans déformation.
Bien sur si elle n'est pas déformer elle sera surement recadrer mais c'est moins grave.
Je voudrais un font qui ne bouge pas quand on fait défiler la page.
J'ai test un truc de ce genre mais ça fonctionne pas partout et ça fait lag ...
body
{
background-image:url(cata.jpg);
background-position:center;
background-position:top;
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
}
Merci de votre aide ;)
On s'ennuie pas avec l'informatique :)
3 réponses
-
Ok j'ai trouvé ceci mais ça lag quand je fais défiler, c'est à cause du "fixed", vous savez si il y a un moyen pour que ça ne lag pas ?
body { font-family:arial, verdana, sans-serif; font-size:12px; background-color:#0D0D0D; margin:0; padding:0; border0; height:100%; width:100%; } .font { margin:0; padding:0; border:0; position:absolute; height:100%; width:100%; z-index:0; position:fixed; } div#principale { width:1000px; border:#300; border-style:solid; border-width:5px; padding:5px; background-color:#000; position:relative; z-index:1; } <div class="font"> <img src="cata.jpg" width="100%" height="100%" border="0"> </div>
De plus j'ai un j'ai un div mal cadré vide qui aparait sous IE avec cette technique.
On s'ennuie pas avec l'informatique :) -
si tu places une petite image qui va se répéter, pas de problèmes, mais le mieux est quand même une couleur ...
ton cata.jpg il fait quoi comme dimensions ?
:-) -
Merci mai je voudrais une image.
En fait je voudrais juste une image du font, placé sur le haut et qui fait la largeur de la taille de l'écran de l'utilisateur.
