Comment afficher un DIV enfant tout en masquant son DIV parent ?

Affichage des DIV enfants cachés dans les DIV parents invisibles

Dans cet article, nous abordons le défi d'afficher un DIV enfant tout en conservant son DIV parent. caché. Cette fonctionnalité peut être nécessaire pour les scénarios dans lesquels vous souhaitez afficher ou masquer de manière conditionnelle des parties spécifiques de votre contenu.

Question :

Comment pouvons-nous révéler un DIV enfant tout en le masquant son DIV parent ?

Réponse :

Pour y parvenir, modifiez la visibilité paramètres des DIV parent et enfant à l'aide de CSS.

Pour le DIV parent :

• Définissez la propriété de visibilité sur masqué ou réduit.
• En option, vous pouvez définissez également les propriétés de largeur, de hauteur, de marge et de remplissage sur 0 pour minimiser son impact sur la mise en page.

Pour l'enfant DIV :

• Définissez la propriété de visibilité sur visible.

En faisant cela, le DIV enfant deviendra visible tandis que le DIV parent reste caché.

Implémentation :

Voici une version révisée de votre code intégrant les suggestions solution :

.Main-Div {
  visibility: hidden;
}

.Main-Div > .Inner-Div {
  visibility: visible;
}

<div class="Main-Div">
  This is some Text...
  <div class="Inner-Div">
    <a href="#">
      <img src="/image/pic.jpg" />
    </a>
  </div>
  This is some Text...
</div>

Exemple :

Pour une démonstration en direct, veuillez vous référer au lien JSFiddle fourni dans la réponse originale : http://jsfiddle .net/pread13/h955D/153/

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!