Backgroud qui s'adapte aux résolutions.
Theophile76
Messages postés
2115
Statut
Membre
-
bg62 Messages postés 26231 Date d'inscription Statut Modérateur Dernière intervention -
bg62 Messages postés 26231 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 :)
A voir également:
- Backgroud qui s'adapte aux résolutions.
- Problème de résolutions - Forum Ecran
- WP responsive qui s'adapte pas aux smartphones - Forum Webmastering
- Différentiel non adapté ! ✓ - Forum Loisirs / Divertissements
- Dual screen - deux résolutions différentes ✓ - Forum Windows
- Star wars BF II resolutions écran - Forum Jeux vidéo
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 ?
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 :)
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 ?
:-)
ton cata.jpg il fait quoi comme dimensions ?
:-)
