0
votes

Afficher DIV sur la survoler dans un endroit différent

Je sais comment afficher un div lorsque vous survolez une autre à l'aide du CSS:

p>

<div class="showhim">HOVER ME
  <div class="showme">hai</div>
</div>


5 commentaires

Parlez-vous du même enfant div showme ?


Oui, je veux le showme div ailleurs sur la page plutôt que sous le showhim div


Où voulez-vous être placé alors? Et est-il seulement d'être enfant diviqué seulement?


Je voudrais être placé au-dessus du showhim div. Je ne sais pas quelle est la deuxième question posée


Je demandais si la DIV doit être à l'intérieur de l'autre div ou que cela devrait être à l'extérieur. Peu importe que j'ai partagé la réponse laissez-moi savoir.


4 Réponses :


0
votes

Vous pouvez faire quelque chose comme ceci:

p>

<div class="showhim">HOVER ME 
    <div class="showme">hai</div>
</div>


7 commentaires

Merci pour cela, malheureusement, cela n'a pas fonctionné pour répondre à l'autre question, oui, la DIV doit être à l'intérieur de l'autre div. Je ne suis pas sûr pourquoi mais je ne travaille pas sans que l'un div soit à l'intérieur de l'autre


Ma réponse montre la même chose, moyenne div est dans le parent div . et sur le planer, il affiche au sommet. Que manque-t-il d'autre ici?


Oh, je n'ai pas vu ça, j'aurais dû travailler dans l'affaire. Parce que cela ne fonctionnait pas, j'ai supposé que c'était parce que la div se sépare, je n'ai jamais regardé. Cela aurait dû travailler, je ne sais pas pourquoi il n'a pas fait.


que dis-tu de ça? jsfiddle.net/manju06/gs7r0mq1/29 et quel navigateur utilisez-vous pour vérifier?


Son travail sur le lien, mais pas lorsque je le copie dans mon code. J'utilise le navigateur chrome


Ensuite, ce n'est pas le code, il pourrait y avoir un autre code la fait d'arrêter sa visibilité. Vous devez vérifier cela.


Ok merci pour l'aide. Je vais jeter un coup d'œil à mon code pour voir quoi de neuf.



0
votes

Si votre HTML ressemble toujours à xxx

dans ce cas, vous pouvez simplement affecter une position absolue ou fixe au div avec la classe showme < / code> et toujours utiliser le même CSS.

si le showme div ne peut pas être un enfant du showhim div, alors vous pouvez essayer de le placer comme un frère de frère. xxx

une fois que cela est fait, vous pouvez modifier votre CSS de la manière suivante xxx

le ~ Peut être utilisé pour sélectionner des éléments de frère de sotage qui apparaissent après l'élément actuel.


0 commentaires

0
votes

Fondamentalement, vous voulez déplacer l'enfant DIV au-dessus de son parent lorsque le parent est planifié. Si vous connaissez le positionnement, vous pouvez l'utiliser. Si vous ne savez pas, suivez ce feuillet de code.

  <div class="parent">
        hoverme
        <div class="child">hi</div>
  </div>
  <div class="brother">brother</div>


0 commentaires

0
votes

Si JavaScript est une option, vous pouvez facilement basculer la propriété code> Affichage code> comme suit:

p>

<div class="showme" onmouseover="toggleSibling(true)" onmouseout="toggleSibling(false)">B</div>
<div class="showhim" onmouseover="toggleSibling(true)" onmouseout="toggleSibling(false)">A</div>


0 commentaires