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 :

Div changeant au-dessus d'un autre ?


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    92
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 92
    Par défaut Div changeant au-dessus d'un autre ?
    Bonjour,

    J'ai un div en fixed, un autre div qui, sur un scroll du navigateur passe en dessous du div positionné en fixed.

    Je souhaiterais mettre un fond au div fixed lorsque le div qui glisse en dessous est à son niveau.

    Je me souviens avoir utilisé une technique css qui permettait de faire ce genre de truc. Seulement, je ne m'en souviens plus. Quelqu'un pourrait t-il me le dire ?

    Merci.
    Christian.

  2. #2
    Membre Expert

    Homme Profil pro
    Webmaster
    Inscrit en
    Mai 2011
    Messages
    1 049
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Enseignement

    Informations forums :
    Inscription : Mai 2011
    Messages : 1 049
    Billets dans le blog
    2
    Par défaut Div changeant
    Sans voir la réalisation, je pense en utilisant soit le display: show ou hidden soit en utilisant le z-index.

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonjour,
    Citation Envoyé par miss_socrates Voir le message
    ... soit le display: show ou hidden ...
    ne parlerais tu pas plutôt de la propriété visibility ?

  4. #4
    Membre Expert

    Homme Profil pro
    Webmaster
    Inscrit en
    Mai 2011
    Messages
    1 049
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Enseignement

    Informations forums :
    Inscription : Mai 2011
    Messages : 1 049
    Billets dans le blog
    2
    Par défaut Div changenat
    Oui merci.

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    92
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 92
    Par défaut
    Merci pour vos réponses.

    Comme, je ne retrouve pas cette technique, je me suis résolu à faire autrement. Tant pis.

    Christian.

  6. #6
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    Bonjour,

    Comment avez-vous donc fait ?

    La discussion est-elle résolue ?

    Merci de nous éclairer sur votre démarche pour aider la communauté.

  7. #7
    Membre confirmé
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    92
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 92
    Par défaut
    Pardon. En fait, j'ai tout simplement laissé tomber l'idée et mis mon panneau de commande (le calque en fixed) ailleurs sur ma page. Un endroit qui permet le scroll sans que cela ne fausse l'affichage des infos.

    Rien d'extraordinaire donc.
    Par contre le côté frustrant est que je vois clairement la page contenant cette technique (qui permet de modifier en css le calque du dessus z-index: 1, lorsque celui du dessous z-index: 0 passe )

    Il s'agissait d'une coquille type martin l'Hermite (?) ou même comme une relique préhistorique... sur un fond vert.

    Je ne peux mettre en résolu, puisque mon souci ne l'est pas. J'ai seulement modifié l'approche. Désolé.

  8. #8
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    Ça risque de ne pas être résolu si vous ne postez pas de code ou une page en ligne.

    ...avec un exemple de ce que vous voulez...

  9. #9
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonjour,
    J'ai seulement modifié l'approche.
    c'est également une façon de résoudre un problème, et même plus souvent qu'on le croit

  10. #10
    Membre Expert

    Homme Profil pro
    Webmaster
    Inscrit en
    Mai 2011
    Messages
    1 049
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Enseignement

    Informations forums :
    Inscription : Mai 2011
    Messages : 1 049
    Billets dans le blog
    2
    Par défaut Div changeant
    Citation Envoyé par christgh Voir le message
    Par contre le côté frustrant est que je vois clairement la page contenant cette technique (qui permet de modifier en css le calque du dessus z-index: 1, lorsque celui du dessous z-index: 0 passe )

    Je ne peux mettre en résolu, puisque mon souci ne l'est pas. J'ai seulement modifié l'approche. Désolé.
    En modifiant l'approche, arrivez-vous au même résultat? Apparemment non puisqu'il y a le terme "frustrant". Pourtant il doit y avoir moyen d'y arriver. Il faudrait un meilleur détail de l'animation voulue si possible avec un exemple de ce qui bloque.

Discussions similaires

  1. Existe t-il une propriété qui permet de positionner un div au dessus d'un autre?
    Par Alexandrebox dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 27/10/2010, 20h51
  2. Affichage d'un Div (menu) par dessus un autre div(contenu)
    Par guigui69 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 09/01/2009, 20h28
  3. div au dessus d'une autre
    Par airod dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 04/12/2008, 18h44
  4. 2 div l'un au-dessus de l'autre
    Par Invité dans le forum Mise en page CSS
    Réponses: 19
    Dernier message: 31/10/2007, 11h26
  5. position absolute div l'un au dessus de l'autre
    Par Overstone dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 05/09/2007, 11h00

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