IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

media query et background image


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre très actif
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2014
    Messages
    483
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loiret (Centre)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2014
    Messages : 483
    Par défaut media query et background image
    bonjour,

    je specifie pour mon site une image de fond avec background-image:url(chemin de l'image) et background-size:cover.
    comme je ne veux plus de cette image pour les mobiles je mets via les media query pour les mobiles la propriété background-image à none.
    L'image devrait disparaitre sur les mobiles non?Et bien elle disparait pas..

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,
    au lieu de ton blabla habituel, ne pourrais-tu pas mettre, pour UNE fois sans qu'on te le demande,... LE CODE ??

    Une page "test" en ligne serait un "plus"...

  3. #3
    Membre très actif
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2014
    Messages
    483
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loiret (Centre)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2014
    Messages : 483
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    #presentation { 
     background-image: url(../img/photo_accueil.jpg); 
      -webkit-background-size: cover; /* pour Chrome et Safari */
      -moz-background-size: cover; /* pour Firefox */
      -o-background-size: cover; /* pour Opera */
      background-size: cover; /* version standardisée */
    }
    pour les mobiles:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    #presentation { 
     background-image:none; 
     
    }

  4. #4
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Janvier 2014
    Messages
    107
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2014
    Messages : 107
    Par défaut
    Bonjour,

    Si je peux me permettre, poster ce code ne sert à rien. Il nous faut ta media querie pour t'aider, l'ordre dans lequel tu déclares les éléments dans le css... bref, un code complet pour la partie concernée.
    On pourra mieux t'aider!

  5. #5
    Membre très actif
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2014
    Messages
    483
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loiret (Centre)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2014
    Messages : 483
    Par défaut
    je ne peux fournir plus . J'ai bien mis pour mon deuxieme code "pour les mobiles" donc ce deuxiemé code est à destination des mobiles donc dans une media query traitant des mobiles.

  6. #6
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Janvier 2014
    Messages
    107
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2014
    Messages : 107
    Par défaut
    Dans ce cas, je peux seulement te dire :
    • Vérifie que ta media querie est bien après la déclaration initiale de #presentation.
    • Essaye avec !important, des fois que tu le surcharges quelque part...
    • Difficile de t'aider plus sans code complet.


    Et j'ai bien vu ton "pour les mobiles" mais autant poster la media querie...

Discussions similaires

  1. media queries : image calée coin haut droit
    Par Ariranha dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 16/01/2013, 18h29
  2. [CSS] Background-image étirée sur tout l'écran
    Par Amnesiak dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 04/03/2005, 12h24
  3. background-image et js qui ne fonctionne pas
    Par trialrofr dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 28/02/2005, 11h45
  4. background-image, l'image ne s'afiche pas
    Par Ashgenesis dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 17/11/2004, 14h38
  5. [div] background image
    Par noOneIsInnocent dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 26/10/2004, 19h36

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo