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:
    9 169
    J'aime reçus:
    345
  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 021
    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
Ajouter une Opacité CSS sur une image en Background Développement d'un site Web ou d'une appli mobile 4 Février 2020
Comment gérer le ALT d'une image en CSS background-image YouTube, Google Images et Google Maps 17 Décembre 2019
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
Problème affichage background-image sur newsletter Développement d'un site Web ou d'une appli mobile 28 Septembre 2008
Comment mettre une image en Background avec tinymce Développement d'un site Web ou d'une appli mobile 13 Septembre 2008
Images en background et Outlook 2007 Développement d'un site Web ou d'une appli mobile 24 Juin 2008
[résolu] Problem avec un background image Développement d'un site Web ou d'une appli mobile 30 Décembre 2007
Image de background : optimisation ou accessibilité Référencement Google 27 Décembre 2007
callé div sur une image background...IE ?? Développement d'un site Web ou d'une appli mobile 15 Mai 2007
image background dans un container Demandes d'avis et de conseils sur vos sites 31 Mars 2007
CSS >> Image de background et lien Développement d'un site Web ou d'une appli mobile 4 Décembre 2006