Jump to content

adapter la taille du background de site à la résolution ecran


Recommended Posts

bonjour, je tente de revoir le thème de mon site et je bute sur un point, j'ai une image de fond de taille 1265*2200 et je souhaite que celle-ci s'adapte à la résolution de l'écran sur lequel elle s'affiche.

j'ai vainement tenté de gérer cela dans mon global .css en y intégrant ce code :

#global {
background: url(../img/fond_site.jpg) no-repeat top #003300;
width:1265px;
/*height:2200px;*/
max-width: 100%;
height: auto;

 

je pensait que le width étant à 100% max et le height en auto, l'image serait redéfinie pour les écran de largeur inférieure à 1265px mais cela ne fonctionne pas.

 

Avez vous une idée de ce que j'ai raté?

 

merci d'avance

Link to comment
Share on other sites

Hello,

 

le css3 a apporté une nouvelle propriété : background-size qui devrait te permettre de faire cela.

Apres, une image de background qui s'adapte à la résolution, faut vraiment que ça rende bien sur toutes les résolutions...

 

Sinon, tu peux le faire non pas en CSS, mais en insérant l'image dans l'html, et en lui accordant un max-width:100%;height:auto; en CSS. Et une position absolute ou fixed pour qu'elle vienne en haut à gauche.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...