28172 sujets

CSS et mise en forme, CSS3

Bonjour

Je souhaite faire comme ce site,c'est a dire que l'image s'agrandisse selon la résolution de l'écran et surtout prenne bien toute la largeur de l'écran.

J'ai regardé un petit peux le code et on dirait que sur l'id bgNode , il y a un javaScript qui calcul automatiquement la hauteur et largeur selon la résolution de l'écran.

Est-ce faisable en CSS ou doi-je passer par du js ?

merci
Modifié par stephane72 (13 Nov 2013 - 15:52)
Modérateur
Salut,

en faisant simple :
image en dur dans la page :

img{display:block;width:100%}

image en background :

#conteneurImage{background-image:url(une-image.png);background-repeat:no-repeat;background-size:contain}
Super ! je ne connais pas cette attribut.Par contre,j'ai mis une position:fixed sur mon background et du coup je n'est plus de scroll dans mon navigateur.Y a moyen de combiner le scroll et la position:fixed ?
Modérateur
stephane72 a écrit :
Super ! je ne connais pas cette attribut.Par contre,j'ai mis une position:fixed sur mon background et du coup je n'est plus de scroll dans mon navigateur.Y a moyen de combiner le scroll et la position:fixed ?


non