Se connecter avec
S'enregistrer | Connectez-vous

Affichage background

Dernière réponse : dans Programmation

Bonjour,
j'aimerai afficher un background qui s'adapte a la resolution de la personne accedant a mon site.
Cela est il possible? Car tout mon css est en % pour l'affichage mais je n'arrive pas a en faire de meme avec le background.
Merci d'avance!

Mon css pour le background actuel:
  1. html, body{
    

  2. 			width: 100%;
    

  3. 			height: 100%;
    

  4. 			margin: 0;
    

  5. 			background:url('Images/proposition2.png');
    

  6. 			background-repeat:no-repeat;
    

  7. 			background-attachment:fixed;
    

  8. 		}


Autres pages sur : affichage background

Lassé par la pub ? Créez un compte

Meilleure solution

Expert Programmation

De la même façon qu'en JS tu peux écrire du texte (afiché ou non) dans un document, tu vas écrire ta feuille de style...

Dans l'entête de page...
  1. <script type="text/javascript">
    

  2. <!--
    

  3.   fdEcran="images/fondecran640.jpg"; //fond d'écran par défaut
    

  4.   if (screen.width>640) {
    

  5.     fdEcran="images/fondecran800.jpg";
    

  6.   } else if (screen.width>800) {
    

  7.     fdEcran="images/fondecran1024.jpg";
    

  8.   }
    

  9.   document.write("<style>body {background-image:"+fdEcran+";}</style>");
    

  10. -->
    

  11. </script>


J'ai pas du tout tester, mais ça devrait l'faire ;-)
Expert Programmation

Bonsoir,

Il te faut d'abord passer par un p'tit JS pour déterminer la résolution du visiteur, puis après, en fonction du résultat, inclure le CSS qui va bien...
Ou alors, dans le JS, faire en sorte "d'écrire" le CSS qui convient...

C'est ce que je pense... pas forcément le mieux... :sarcastic: 

Le JS serait donc avec screen.width et screen.eight ?
Mais comment faire dans ce cas qu'un JS cré un CSS?? Désolé je ne suis pas spécialiste en la matière.
Merci en tout cas de ta réponse LudoTools car c'est un bon moyen d'esquiver le probleme! :) 
Lassé par la pub ? Créez un compte

Créer un nouveau sujet