- display:none;隐藏盒子,而且不占位置。(用的最多)
- overflow:hidden;隐藏盒子超出的部分
- opacity:0;隐藏盒子,而且占位置。
- visibility:hidden;隐藏盒子,而且占位置。
- Position/top/left/…-999px 隐藏盒子,而且占位置。
补充:
1.第三种opacity:0;
将透明图变为0来隐藏盒子
该方法IE8 以及更早的版本不支持。
IE8前使用:filter 属性。例如:
filter:Alpha(opacity=50)。
2..隐藏文字:
text-indent:-9999px;//隐藏文字,通过负值缩进,超出可视区
首行空两个汉字的格,单位比较奇怪,叫做em,em就是汉字的一个宽度。indent就是“缩进”的意思。
text-indent:2em;
本文介绍了使用CSS的不同方式来隐藏页面上的元素,包括display:none;、overflow:hidden;等,并探讨了它们各自的特点及浏览器兼容性问题。
2519

被折叠的 条评论
为什么被折叠?



