首页 > 编程知识 正文

隐藏标签的三种方式是,标签设置隐藏

时间:2023-05-03 15:26:34 阅读:223201 作者:1231

隐藏标签的三种方式
1.visibolity 属性
属性值
visibility:hidden (隐藏)
visibility:visible(显示)
使用visibility属性隐藏后 其他标签不会占用设置该属性的位置
原位置依然存在。

2.opacity属性
opacity属性值:(0-1)
opacity设置透明度值从0-1 0表示完全透明 1表示完全不透明
将标签设置为 opacity:0即可使标签隐藏
类似透明度属性还有rgba( 0,0,0,0)
最后一个0为阿尔法值 范围作与opacity一致
区别在于:rgba()属性一般用来设置背景色,只能让变成透明,其中的子标签依然可以显示
oacity 也保留隐藏位置,下边的标签不会占用其位置

使用rgba()

3.display属性
display :none;
将标签隐藏 且不保留原标签位置,下边的标签会占用其位置
display:block 将隐藏的标签显示出来

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。