Вітаю вас на сайті Impuls-Web!
Роблячи верстку сторінок сайту, часто виникає необхідність надання блокам на сторінці різних ефектів оформлення та поведінки при взаємодії з користувачем для додання інтерфейсу нашого сайту більш цікавого виду. Наприклад, можна приховати елемент css властивостями, і в потрібний момент або при наведенні на нього курсора мишки відобразити його.
Способів приховати елемент css властивостями досить багато. Якщо поцікавитися цим питанням в пошукових системах, то можна знайти різні варіанти вирішення цього завдання від найпростіших до самих витончених. Для початківця веб-розробника це може стати справжньою проблемою, так як поки ви все їх перепробуете і визначте для себе найпростіші і робітники з них, ви витратите на це значну кількість часу і своїх дорогоцінних нервів.
Навігація по статті:
Я пропоную розглянути чотири найбільш простих і ефективних способу приховати елемент css, які ви можете використовувати в 99% випадках, які на 100% робочі і які вас ніколи не підведуть.
Повний зриття елемента
Для того, що б повністю приховати елемент зі сторінки ми можемо скористатися властивістю display із значенням none. Даний запис повністю приховає елемент і при формуванні сторінки під нього не буде зарезервовано простір. Дана властивість підтримується всіма браузерами.
Для досягнення ефекту приховування потрібно, що б у прихованого елемента не було видимих кордонів.
Дані чотири прийоми для приховування елемента css ви можете використовувати практично в будь-яких ситуаціях, і вони підтримуються у всіх сучасних браузерах. Використовуючи даний набір css властивостей, ви можете приховувати і показувати практично будь-який елемент на сторінці вашого сайту.
Читайте також: