我有一个div用于在需要时显示警报。
如果我想在一段时间后关闭它,我可以使用display:none或者我应该使用display:none以及visibility:hidden吗?
所以一个或两个。
谢谢。
答案 0 :(得分:18)
取决于。如果您需要将空格留空,即空间不会被其下方或周围的其他元素占用,则需要visibility: hidden
。否则,使用display: none
,这将允许其他元素移动到元素的位置。
没有理由同时使用它们。
答案 1 :(得分:6)
可见性:隐藏隐藏元素但仍占用布局中的空间。显示:none完全删除它。
在你的情况下,我会使用Display:none
答案 2 :(得分:6)
如果您的隐藏内容需要为具有屏幕阅读器的人提供 - 例如 - 那么您不应使用display: none
或visibility: hidden
,因为两者都可能隐藏屏幕阅读器中的内容。相反,您应该使用更易于访问的方法,例如使用负边距将内容移出屏幕。有关更多信息,请参阅以下链接:
456 Berea Street: Hiding with CSS: Problems and solutions
WebAIM Blog: Hiding content for screen readers