首页 > 试题广场 >

说说隐藏元素的方式有哪些？

[问答题]
说说隐藏元素的方式有哪些？
添加回答
kivet头像 kivet
网上找的
+ visibility: hidden;  元素隐藏起来，但是不会改变页面的布局，但是也不会触发该元素绑定的事件
+ display: none;  元素在页面上将彻底消失，元素本来占有的空间就会被其他元素占有，不会触发其点击事件
+ opacity: 0;  透明度为0，在用户眼里，元素也是隐藏的，且可以触发点击事件
+ z-index: -1; 遮盖
+ transform: translateX(-100%);  这句话的意思是 元素往左位移 自身宽度100%的距离，注意这里的宽度不是浏览器的宽度
编辑于 2018-11-14 16:13:45 回复(0)
摆线木偶头像 摆线木偶
z-index也可以
z-index 和别的方法的区别在哪儿？
发表于 2017-09-11 11:40:09 回复(0)
脱缰的哈士奇头像 脱缰的哈士奇
也可以设置宽或者高为0
发表于 2017-03-05 15:39:28 回复(1)
火柴哥头像 火柴哥

<p>css：display:none</p><p> Visibility:hidden</p>


html5:

hidden：hidden

编辑于 2020-05-15 17:07:20 回复(0)
名字被占用的Aimee头像 名字被占用的Aimee
display:none visibility:hidden hidden:hidden
编辑于 2020-03-10 13:05:30 回复(0)
马月月头像 马月月
可以设置opacity，还可以设置-margin，还可以设置z-index让元素跑到下面去。那么问题来了，有些方法你敢用吗？
发表于 2017-03-23 08:45:01 回复(2)
提交观点

问题信息

上传者：牛妹
难度：
6条回答 1480浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号