Background image sous conditions

WRInaute discret
Hello!

Je souhaiterais savoir comment je peux faire pour afficher une background-image sous conditions que la taille du navigateur fasse une certaine taille...
Jusque la tout va bien, je recupere la résolution d'écran, et avec un if else, je redirige sur un css different.

Mais ce que je voudrais, c'est que ça fonctionne également si le visiteur modifie manuellement la taille de son navigateur.
Par exemple, moi, j'ai un écran 1920 * 1080px.
Je navigue souvent avec une fenêtre réduite à environ 1100px, mais du coup, je vois l'image en background.

Je voudrais que si je redimensionne avec ma souris, l'image apparaisse si j'atteint 1600px par exemple, ou disparaisse si je passe en dessous...

J'espère avoir été assez clair... :wink:
 
WRInaute discret
Génial!

Merci c'est exactement ce qu'il me fallait...

Du coup, voici mon code:

Code:
body
{
    margin:auto;
    background-color:grey;
    width:1200px;
}
@media screen and (min-width: 1500px) {
	body
	{
    background-image:url(urldemonimage.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    }
}

Merci l'ami!
A bientôt...
 
Discussions similaires
Haut