Patrick POLBOS Orchi Posted September 20, 2013 Share Posted September 20, 2013 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 More sharing options...
Szed Posted September 23, 2013 Share Posted September 23, 2013 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 More sharing options...
Patrick POLBOS Orchi Posted September 23, 2013 Author Share Posted September 23, 2013 merci de ta réponse c'est parfaitement clair, je vais tester cela. bonne soirée Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now