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 :

Background responsive


Sujet :

Responsive design en CSS

  1. #1
    Membre à l'essai
    Homme Profil pro
    fonctionnaire
    Inscrit en
    Avril 2014
    Messages
    78
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : fonctionnaire
    Secteur : Service public

    Informations forums :
    Inscription : Avril 2014
    Messages : 78
    Points : 22
    Points
    22
    Par défaut Background responsive
    Bonjour,

    En apprentissage permanent, je voudrai savoir comment faire pour réaliser ceci en CSS,
    je m'explique je m'entraine à construire un site, je mets un Background dans le body, et je veux faire en sorte que lorsque l'internaute fait un "ctrl +" ou "ctrl -" pour adapter le site à sa résolution, je souhaite que le background s'agrandit ou se réduit avec le site et son design sans qu'il y ait de décalage.
    http://www.psg.fr/fr/Accueil/0/Home

    Moi quand j'essai de faire çà ben mon site s'agrandit effectivement mais cache l'image du background :
    Voilà ce que çà donne avant de faire "Ctrl +" :

    Nom : Background avant ctrl+ 1.PNG
Affichages : 90
Taille : 1,28 Mo

    Voilà ce que çà donne après avoir fait un "ctrl+". Et dans mon cas plus je fais de ctrl+ et plus la tour eiffel se décale sous mon site et se trouve cachée. Le site s'agrandit, mais la tour eiffel qui s'agrandit passe derrière le design
    Moi je veux qu'elle s'agrandit aussi mais reste visible et ne passe pas en dessous du design.

    Nom : Background après ctrl+ 1.PNG
Affichages : 66
Taille : 1,36 Mo

    J'ai essayé de chercher sur un internet et tenter un background-attachment : fixed; mais çà n'a rien changé.
    Merci à vous.

  2. #2
    Membre à l'essai
    Homme Profil pro
    fonctionnaire
    Inscrit en
    Avril 2014
    Messages
    78
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : fonctionnaire
    Secteur : Service public

    Informations forums :
    Inscription : Avril 2014
    Messages : 78
    Points : 22
    Points
    22
    Par défaut
    Salut à tous, même avec le cover çà ne marche pas.

    Du coup en analysant le code du site sur le site modèle j'ai vu ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    background: #1b2b4c url("images/header/arriere_plan_1.png") no-repeat scroll 50% 0px;
    Et là çà marche.
    Merci quand même ...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Background "flou" au responsive
    Par ParisElliot dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 24/04/2015, 12h23
  2. Layout responsive avec une image en background d'en-tête
    Par Erakis dans le forum Mise en page CSS
    Réponses: 0
    Dernier message: 15/02/2014, 07h04
  3. [CSS 3] Responsive Design et background-image
    Par ni-ni13 dans le forum Mise en page CSS
    Réponses: 11
    Dernier message: 03/06/2013, 14h06
  4. comment faire un background transparent?
    Par guigui1005 dans le forum Composants
    Réponses: 5
    Dernier message: 17/05/2012, 21h45
  5. Réponses: 11
    Dernier message: 20/09/2007, 14h51

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