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 :

Z-index pour img et div


Sujet :

Positionnement en CSS avec z-index

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    158
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Mai 2008
    Messages : 158
    Par défaut Z-index pour img et div
    Salut,

    Je suis en train de faire une fenêtre du genre modale. À l'intérieur de mon IFrame, j'ai deux éléments. Une image de classe fond et un div d'ID enfant.
    J'essaie d'utiliser le z-index pour que mon enfant se retrouve "au-dessus" de l'image avec le css suivant, mais ça ne fonctionne pas.

    Le z-index marche très bien en ce qui a trait à ma modale et à l'overlay qui se retrouve entre la modale et la page appelante.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    #enfant
    {
    	z-index: 2;	
    	position:absolute;
    	top:0px;
    	left:0px;
     
    }
     
    .fond {
    	position: relative;
    	height: 100%;
    	width: 100%;
    	top:0px;
    	left:0px;
    	z-index: 1;
    }
    Quelqu'un a une idée par rapport à cela?

    Merci!

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    158
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Mai 2008
    Messages : 158
    Par défaut
    Je suis nouveau avec les css, suis-je complètement dans le champ?

  3. #3
    Membre éclairé Avatar de tibotibo69
    Profil pro
    Développeur Web
    Inscrit en
    Février 2008
    Messages
    268
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Février 2008
    Messages : 268
    Par défaut
    Si j'ai bien compris ton problème, tu veux mettre une image de fond ?

    Essaye comme ça:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    background-image: url("url_de_ton_image");

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    158
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Mai 2008
    Messages : 158
    Par défaut
    Oui, mais si je le fait comme tu le mentionnes, je ne pourrai pas faire ce que je veux comme c'est le cas d'un Div.

    En fait, oublie l'image, ce que je veux faire c'est mettre un div devant d'autres div.

  5. #5
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Bonjour,

    Attribue un width:100% et height:100% à la div .fond.
    Un élément en absolue s'adapte à la taille de son contenu.

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    158
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Mai 2008
    Messages : 158
    Par défaut
    Un gros merci!

    Ça fonctionne!

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

Discussions similaires

  1. Algorithme d'indexation pour moteur de recherche
    Par caspertn dans le forum Algorithmes et structures de données
    Réponses: 7
    Dernier message: 24/04/2006, 16h57
  2. logging des index pour une BD standby
    Par learn dans le forum Oracle
    Réponses: 8
    Dernier message: 14/12/2005, 12h14
  3. Créer un index pour une Base de données
    Par john7 dans le forum VB 6 et antérieur
    Réponses: 4
    Dernier message: 31/01/2005, 21h43
  4. coller une img à un div en css: impossible?
    Par Martyin dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 13/12/2004, 11h12
  5. Réponses: 7
    Dernier message: 21/10/2004, 09h13

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