Background image sous conditions

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Titanboy, 8 Avril 2013.

  1. Titanboy
    Titanboy WRInaute discret
    Inscrit:
    14 Mars 2006
    Messages:
    72
    J'aime reçus:
    0
    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:
     
  2. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 786
    J'aime reçus:
    240
  3. Titanboy
    Titanboy WRInaute discret
    Inscrit:
    14 Mars 2006
    Messages:
    72
    J'aime reçus:
    0
    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...
     
  4. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 196
    J'aime reçus:
    1
    background-size: 100% 100%; si le souci est d'avoir un bg adapté.
     
  5. Titanboy
    Titanboy WRInaute discret
    Inscrit:
    14 Mars 2006
    Messages:
    72
    J'aime reçus:
    0
    Merci Zeb, mais ce n'était pas le cas, Spout à visé juste dans sa réponse... :)
     
Chargement...
Similar Threads - Background image conditions Forum Date
La background image du site et la vue en cache de google Débuter en référencement 26 Mars 2018
Alt sur un background-image css. Développement d'un site Web ou d'une appli mobile 5 Mars 2012
Background-image qui ne s'affiche plus suite REDIR htaccess URL Rewriting et .htaccess 14 Décembre 2011
background-image ou img pour une image Développement d'un site Web ou d'une appli mobile 21 Octobre 2010
CSS 2 image en background Développement d'un site Web ou d'une appli mobile 20 Octobre 2010
Image en Background ... Développement d'un site Web ou d'une appli mobile 3 Octobre 2010
Newsletter html et background-image - prise de tête inside Développement d'un site Web ou d'une appli mobile 21 Septembre 2010
inserer une image dans le background de mon site Développement d'un site Web ou d'une appli mobile 30 Juin 2010
2 background-image dans une div Développement d'un site Web ou d'une appli mobile 9 Juin 2010
Images background sont elles référencées ? YouTube, Google Images et Google Maps 30 Avril 2010
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice