CSS дисплей: нет и видимость: скрыто

Question

У меня есть div, который я использую для отображения предупреждений при необходимости.

Если я хочу закрыть его через некоторое время, могу ли я использовать display: нет или я должен использовать display: нет, а также видимость: скрыто?

Так один или оба.

Спасибо.

Answer 1

Зависит. Если вам нужно, чтобы пространство оставалось пустым, то есть пространство не будет занято другими элементами ниже или вокруг него, вам понадобится visibility: hidden. В противном случае используйте display: none, что позволит другим элементам перемещаться на место элемента.

Нет причин использовать оба.

Answer 2

Если ваш скрытый контент должен быть доступен - например, для тех, у кого есть программы чтения с экрана - тогда вам не следует использовать display: none или visibility: hidden, так как оба могут потенциально скрывать контент от программ чтения с экрана.Вместо этого вы должны использовать более доступный подход, такой как перемещение контента за пределы экрана с отрицательным полем.Для получения дополнительной информации см. Следующие ссылки:

456 Береа-стрит: скрытие с помощью CSS: проблемы и решения
Блог WebAIM: скрытие содержимого для программ чтения с экрана

Answer 3

Видимость: скрыто скрывает элемент, но все равно занимает место в макете. Дисплей: никто не удаляет его полностью.

В вашем случае я бы использовал Display: none