Створення шарів - html, css, javascript, perl, php, mysql

Тег використовується для тих верств, які Ви можете точно позиціонувати. Якщо ж Ви не вказуєте положення шару (за допомогою параметрів left і top), то за замовчуванням він поміщається в верхній лівий кут вікна.
Тег створює шар, положення якого визначається при формуванні документа.

Давайте тепер почнемо з простого прикладу. Ми хочемо створити два шари. У першому з них ми поміщаємо зображення, а в другому - текст. Все, що ми хочемо зробити - показати цей текст поверх даного зображення.

Текст на зображенні

Layers-Demo

Як бачимо, за допомогою тега ми формуємо два шари. Обидва шару позиціонуються як 200/100 (через параметри left і top). Все, що знаходиться між тегами і (Або тегами і ) Належить описуваного шару.
Крім того, ми використовуємо параметр z-index. визначаючи тим самим порядок появи зазначених верств - тобто, в нашому випадку, Ви тим самим повідомляєте браузеру, що текст буде написаний над зображенням. У загальному випадку, саме шар з найвищим номером z-index буде показаний поверх всіх інших. Ви не обмежені у виборі z-index лише значеннями 0 і 1 - можна вибирати взагалі будь-яке позитивне число.
Так, якщо в першому тезі Ви напишете z-index = 100. то текст виявиться під зображенням - його шар номер Z-індексу (z-index = 1). Ви зможете побачити текст крізь зображення, оскільки я використовував в ньому прозорий фон (формат gif89a).

Тект під зображенням

Схожі статті

• Створення та видалення шарів