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

HTML Discussion :

Comment utiliser un stretch pour une image de fond


Sujet :

HTML

  1. #1
    Membre extrêmement actif
    Avatar de mihaispr
    Inscrit en
    Décembre 2008
    Messages
    1 025
    Détails du profil
    Informations forums :
    Inscription : Décembre 2008
    Messages : 1 025
    Points : 858
    Points
    858
    Par défaut Comment utiliser un stretch pour une image de fond
    Salut à tous et merci en avance pour lire ma question!

    J'ai une image nommé home.jpg.

    J'ai réussi la centrer mais le souci c'est quelle doit couvrir toute la page (donc je cherche un genre d'option stretch)

    J'ai un dossier images ou j'ai le "background image" home.jpg:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    { 
    background-image: url(/images/home.jpg);
    background-repeat:no-repeat;
    background-position:center; 
    }

    J'ai essaye pour "stretch background image pour quelle se voit bien":

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    body {
        background-position: left top;
        background-image: url(_images/home.jpg);
        background-repeat: no-repeat;
    }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    body {
        background-position: stretch;
        background-image: url(_images/home.jpg);
        background-repeat: no-repeat;
    }
    Ca n'a pas l'air de marcher.

    Comment je peux faire le stretch de l'image au paramétre background-position?

    Cordialment,

    mihaispr

  2. #2
    Membre extrêmement actif
    Avatar de mihaispr
    Inscrit en
    Décembre 2008
    Messages
    1 025
    Détails du profil
    Informations forums :
    Inscription : Décembre 2008
    Messages : 1 025
    Points : 858
    Points
    858
    Par défaut
    J'ai réussi à faire comme ca:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    body
    {
    background-image: url(images/immagine_finale.jpg);
    background-repeat:no-repeat;
    background-position:center; 
    width: 1680px;
    height:1050px;
    margin: 0 auto;
    }

Discussions similaires

  1. Comment utiliser plusieurs models pour une seule vue
    Par jérémyp8 dans le forum ASP.NET MVC
    Réponses: 11
    Dernier message: 09/07/2020, 23h22
  2. Réponses: 1
    Dernier message: 08/07/2014, 18h49
  3. comment utiliser deux units pour une seule fiche
    Par dmognin dans le forum Débuter
    Réponses: 8
    Dernier message: 05/02/2010, 16h07
  4. Réponses: 6
    Dernier message: 30/04/2008, 00h24
  5. Réponses: 4
    Dernier message: 09/02/2006, 17h44

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