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

时间:2010-08-26 11:28:28

标签: css hide hidden

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

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

所以一个或两个。

谢谢。

3 个答案:

答案 0 :(得分:18)

取决于。如果您需要将空格留空,即空间不会被其下方或周围的其他元素占用,则需要visibility: hidden。否则,使用display: none,这将允许其他元素移动到元素的位置。

没有理由同时使用它们。

答案 1 :(得分:6)

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

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

答案 2 :(得分:6)

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

456 Berea Street: Hiding with CSS: Problems and solutions
WebAIM Blog: Hiding content for screen readers

相关问题