如何让一个元素隐藏,但是却可以使子元素显示呢?
回答
云松回答
问题分析:
在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)