Backgroud qui s'adapte aux résolutions.
Theophile76
Messages postés
2115
Statut
Membre
-
bg62 Messages postés 23700 Date d'inscription Statut Modérateur Dernière intervention -
bg62 Messages postés 23700 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.
- Excel cellule qui s'adapte au texte ✓ - Forum Excel
- Résolution des problèmes d'écran qui clignote du pc portable acer ✓ - Forum PC portable
- Téléphone adapté aux personnes âgées - Guide
- Problème de résolutions - Forum Ecran
- Amplificateur adapté - Forum Enceintes / HiFi
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 ?
:-)
