第10章 元素的显示与隐藏

使用CSS让元素不可见的方法,剪裁定位到屏幕外明度变化等。

display与元素的显示/隐藏

visibility与元素的显示/隐藏

不仅仅是保留空间

1. visibility的继承性

父元素设置visibility:hidden,子元素也会不可见,继承了父元素属性值,但是,如果子元素设置了visibility:visible,则子元素又会显示出来。

2. visibility与CSS计数器

visibility:hidden不会影响计数器的计数,但display:none就会。

3. visibilitytransition

transition可以延时执行,和visibility配合可以使用CSS实现hover延时显示效果。

  1. 普通元素的title属性不会被朗读,除非辅以按钮等空间元素,设置了role="button"才可以朗读。
  2. visibility:hidden元素不会被朗读。

了解visibility:collapse