如何让一个元素隐藏,但是却可以使子元素显示呢?

收藏
CSS/CSS3
5
Mar 6, 2018

如何让一个元素隐藏,但是却可以使子元素显示呢?

回答

云松回答

问题分析:

在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间;有的可以响应点击,有的不能响应点击。
 

{ display: none; /* 不占据空间,无法点击 */ }
{ visibility: hidden; /* 占据空间,无法点击 */ }

display隐藏后,不管是自己还是自己的子元素,统统不可见。

visibility隐藏后,默认该元素本身和子元素一起隐藏,但是我们可以给要显示的子元素添加其他属性让其显示。

问题答案:

<div class="father">
    <div class="perso2">不显示的子元素</div>
    <div class="person">显示的子元素</div>
</div>


<style>
   .father{
       visibility:hidden;
    }

   .person{
        visibility:visible;
    }
</style>

 

(0)

提交成功