随笔 - 312  文章 - 0  评论 - 2  阅读 - 11万

CSS:隐藏元素的方式

隐藏元素的方式:

1、display:none;真实隐藏后元素不在占空间,子元素一起隐藏;子元素不能通过设置display进行反隐藏

2、visibility:visible;显示 hidden;隐藏

3、opacity:0;透明隐藏元素;还是会占据空间;(0-1:1);子元素不能通过设置opacity:1;进行反隐藏;

4、position:absolute;设置偏移;脱离文档流;

5、设置宽高 背景透明 不会隐藏子元素 transparent 、rgba;

 

text-indent:(设置缩进)负值,移除屏幕外;

文字放入盒子,盒子设置隐藏

foot-size:0;

 

叠放次序-同层级:

z-index:1

不写的时候默认为0;

嵌套:

不加z-index:默认子元素在上;

如果子元素在下,只能设置子元素的z-index的值<0;

 

 

posted on   香香鲲  阅读(177)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示