Даний ефект можна отримати, використовуючи шари. Такий же ефект можна отримати і при використанні фільтрів Ехплорера, але це рішення буде відображатися правильно тільки в самому Ехплорере.
left - відстань від лівого краю: може бути як в піхелях, так і у відсотках від загальної ширини екрана.
top - відстань від верху.
id - це індивідуальне ім'я шару, збігатися і повторюватися вона не повинна.
style - це вид шару, тобто спосіб його відображення. Без цього параметра сам по собі тег div може служити лише способом формату у вкладеному в нього тексту - без головних особливостей, властивих верствам - таких, як розташування поверх чого завгодно.
z-index - значення може бути тільки цифрою. Причому, чим менше ця цифра, тим вище знаходиться шар по відношенню до інших верствам.
З першого погляду здається, що дизайн, побудований на шарах, набагато зручніше, ніж дизайн на таблицях, але є як позитивні, так і негативні моменти.
Позитивні сторони:- зручність для дизайнера - велика свобода і більше ефектів.
- швидше завантаження і не потрібно чекати закриття замикає тега.
- зручніше маніпулювати їх вмістом
- складно підлаштовуватися під мінливий дозвіл монітора. І ще складніше робити такий дизайн гнучким - щоб ширина шару змінювалася згідно ширині вікна.
- сторінки, на яких розташована велика кількість кодів і мала кількість корисного контенту, мають досить низьким рейтингом в пошукових системах.
Шари залишаться елементом чисто декоративним і не основним, але за допомогою шарів виходять приємні менюшки, розглянемо основні параметри шарів.
Додаткові можливі теги:
background-color: колір фону
layer-background-color: колір шару
border: 1px none - якщо прибрати "в цю пору", то навколо шару з'явиться бордюр 1 піхель товщиною.
У верств є багато інших тегів, але вони призначені для використання поряд з скриптами.