Отображение CSS: нет и видимость: скрыто
У меня есть div, который я использую для отображения предупреждений, когда это необходимо.
Если я хочу закрыть его через некоторое время, могу ли я использовать display: none или мне следует использовать display: none, а также видимость: скрыто?
Итак, один или оба.
Спасибо.
3 ответа
Зависит. Если вам нужно, чтобы пространство оставалось пустым, то есть пространство не занимали другие элементы под ним или вокруг него, вам понадобится visibility: hidden. В противном случае используйте display: none, что позволит другим элементам перемещаться на место элемента.
Нет причин использовать оба.
Visibility:hidden скрывает элемент, но по-прежнему занимает место в макете. Display:none удаляет его полностью.
В вашем случае я бы использовал Display:none
Если ваш скрытый контент должен быть доступен (например, для тех, у кого есть программы чтения с экрана), вам не следует использовать display: none или visibility: hidden, так как оба потенциально могут скрыть содержимое от средств чтения с экрана. Вместо этого следует использовать более доступный подход, например перемещение контента за пределы экрана с отрицательным полем. Дополнительные сведения см. по следующим ссылкам:
456 Berea Street: Скрытие с помощью CSS: проблемы и решения
Блог WebAIM: Скрытие контента для программ чтения с экрана