首页 > 试题广场 >

要用 CSS 隐藏一个 DIV，下面选项正确的是：

[单选题]
要用 CSS 隐藏一个 DIV，下面选项正确的是： 
  • display:none
  • display:inline
  • display:inherit
  • display:block
查看答案及解析
添加回答
不要放弃。头像 不要放弃。
display:none 不显示也不占位
发表于 2017-11-30 21:24:28 回复(0)
果粒橙加特仑苏头像 果粒橙加特仑苏
display:none
opacity:0
visibility:hidden
三种方法均可隐藏元素。不同在于以下几点:

一、空间占据


display:none 的元素不会占据，但是设置display:none 会引发回流和重绘
opacity:0和visibility:hidden 的元素会占据位置，但是改变这属性时只会触发重绘

二、子元素继承

display:none 不会被子元素继承，但是父元素都不在了，子元素自然也就不会显示了。
visibility:hidden 会被子元素继承，可以通过设置子元素visibility:visible 使子元素显示出
opacity: 0 也会被子元素继承，但是不能通过设置子元素opacity: 0使其重新显示

三、事件绑定

display:none 的元素都已经不再页面存在了，因此肯定也无法触发它上面绑定的事件；
visibility:hidden 元素上绑定的事件也无法触发；
opacity: 0 元素上面绑定的事件是可以触发的。

四、过渡动画

transition对于display肯定是无效的，大家应该都知道；
transition对于visibility也是无效的；
transition对于opacity是有效.



发表于 2020-11-30 17:03:46 回复(2)
Lzengp头像 Lzengp

发表于 2020-08-08 20:28:07 回复(0)
提交观点

问题信息

CSS 前端工程师 爱奇艺 2018
来自：爱奇艺2018秋季校招...
上传者：小小
难度：
3条回答 2089浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

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