Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - z-index.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Определение и использование. Свойство z-index указывает порядок элемента. Элемент с большего порядка стека всегда перед элементом более низкого порядка стека. Внимание!!! Свойство z-index работает только на расположенных элементах( позиция: абсолютная, относительная, фиксированная), то есть всякие позиционированные элементына страницах сайта могут накладываться друг на друга в определенном порядке. Каждый выбранный Вами элемент может находиться и ниже, и выше других элементов на страницах сайта, их размещением по z-оси и управляет z-index - данное свойство работает только для элементов, у которых значение position задано как absolute, fixed или relative.

Для определения значений свойства z-index берут целые числа( положительные, отрицательные и ноль). Чем больше значение указанного числа, тем выше находится выбранный Вами элемент по сравнению с теми элементами, у которых данное значение свойство z-index меньше. При равном значении z-index, на переднем плане находится тот элемент, который в коде HTML описан ниже. Есть значение auto и порядок элементов в этом случае строится автоматически, исходя из их положения в коде HTML и принадлежности к родителю, поскольку дочерние элементы имеют тот же номер, что их родительский элемент. Значение inherit указывает, что оно наследуется у родителя.

Особенно интересное и необходимое в данном случае не в том, что совершается некие изменение какого-то участка( элемента) страницы сайта. Вся полезная и необходимая информация выражается в том, что свойство z-index, которое действует через стили CSS3 продолжает работать и при отключении скриптов JavaScript в браузере Вашего компьютера. Легко и просто и нет заморочек.


Синтаксис:

            z-index: auto|number|initial|inherit;

Описание и Использование

Значение по умолчанию: auto
наследует: нет
Версия: CSS2
JavaScript синтаксис: object.style.zIndex="-1"


Свойства Значения

Значение Описание
auto Устанавливает порядок стека равный к своим родителям. Это значение установлено по умолчанию
number Устанавливает порядок стека элемента. Допускается использование отрицательных значений
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу:

< !DOCTYPE html>
< html>
< head>
< style>
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
< /style>
< /head>
< body>
< h2>Это заголовок< /h2>
< img src="../fon/1285.jpg" width="150" height="150" />
< p>Потому, что образ изображения z-индекса равен -1, то изображение будет
 размещено позади.< /p>
< /body>
< /html>                      

Результат программы:

Это заголовок

Потому, что образ изображения z-индекса равен -1, то изображение будет размещено позади.




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: