CSS显示:无和可见性:隐藏

Fra*_*isc 9 css hidden hide

我有一个div用于在需要时显示警报.

如果我想在一段时间后关闭它,我可以使用display:none或者我应该使用display:none以及visibility:hidden吗?

所以一个或两个.

谢谢.

Yi *_*ang 18

要看.如果您需要将空格留空,也就是说,空间不会被其下方或周围的其他元素占用,您需要visibility: hidden.否则,使用display: none,这将允许其他元素移动到元素的位置.

没有理由同时使用它们.


Chu*_*uck 6

可见性:隐藏隐藏元素但仍占用布局中的空间.显示:none完全删除它.

在你的情况下,我会使用Display:none


Mik*_*ike 6

如果您的隐藏内容需要为具有屏幕阅读器的人提供 - 例如 - 那么您不应该使用display: nonevisibility: hidden,因为两者都可能隐藏屏幕阅读器中的内容.相反,您应该使用更易于访问的方法,例如使用负边距将内容移出屏幕.有关更多信息,请参阅以下链接:

456 Berea Street:隐藏CSS:问题和解决方案
WebAIM博客:隐藏屏幕阅读器的内容