css 隐藏父元素，同时保持子元素可见。

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 隐藏父元素，同时保持子元素可见。相关的知识，希望对你有一定的参考价值。

<html>
  <span class="parent">
      Hello world
      <a href="#">Link 1</a>
      <a href="#">Link 2</a>
  </span>
</html>

/* css */
.parent { visibility: hidden;}
.parent a { visibility: visible;}

以上是关于css 隐藏父元素，同时保持子元素可见。的主要内容，如果未能解决你的问题，请参考以下文章

CSS：不会破坏 3D 变换的“溢出：隐藏”替代方案

CSS溢出隐藏与父元素位置可见的奇怪效果[重复]

使用纯 CSS 切换子元素后保持父高度

子菜单 - 保持父元素的最大宽度

CSS - 为啥不：悬停父隐藏子元素

溢出-y：父元素上的auto隐藏位置固定的子元素