Авторский знак. 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


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

Порядок наложения элементов в CSS.

Одним из нескольких побочных эффектов позиционирования является то, что элементы могут перекрываться. По умолчанию наложение элементов происходит в порядке их появления в документе, при этом более «поздние» отображаются поверх тех, которые следовали до них. Вы можете изменить порядок наложения элементов, установив свойство z-index. Ось z можно представить как исходящую от наблюдателя, направленную внутрь страницы и выходящую с другой ее стороны.

Свойство z-index и его значения:

                          целое
                          auto
                          inherit

Начальное значение: auto. Применимо: К позиционируемым элементам. Наследуется: Нет.

Свойство z-indexв CSS принимает любое целочисленное значение, как положительное, так и отрицательное. При этом чем больше значение, тем выше место данного элемента в "стеке", в потоке свободного размещения, то есть в очереди отображения на странице сайта. Небольшие и отрицательные значения, напротив, отодвигают элемент "глубже" по оси z, то есть на задний план экрана.

Значения z-index в CSS не обязательно должны следовать по порядку. Так, если хотите, чтобы некоторый элемент всегда гарантированно был первым, то можете выбрать для него настолько большое значение индекса, что его вряд ли перекроют другие. Ну, например задать значение 9999. Во-вторых, немаловажно заметить, что каждый позиционируемый элемент создает собственный контекст индекса.

PARAGRAPH 1: Z-INDEX=21
Свойство z-index принимает любое целочисленное значение, как положительное, так и отрицательное. При этом чем больше значение, тем выше место данного элемента в "стеке", в потоке свободного размещения, то есть в очереди отображения. Небольшие и отрицательные значения, напротив, отодвигают элемент "глубже" по оси z, то есть на задний план экрана.

PARAGRAPH 2: Z-INDEX=1
Z-INDEX=80
Значения z-index не обязательно должны следовать по порядку.
Так, если хотите, чтобы некоторый элемент всегда гарантированно был первым, то можете выбрать для него настолько большое значение индекса, что его вряд ли перекроют другие. Ну, например задать значение 9999. Во-вторых, немаловажно заметить, что каждый позиционируемый элемент создает собственный контекст индекса.


Вы, наверное, удивитесь просмотрев этот пример. И скажете почему значения z-index не соответствуют наложения элементов друг на друга. Здесь, текст класса .b второго абзаца имеет очень высокий z-index равный 80. Но, он все равно выводится позади абзаца 1 с индексом равным 21. Почему? Дело в том, что элемент span класса .b мы создавали из участка слов абзаца 2, то есть является потомком родительского второго абзаца и фактически будет иметь родительский индекс равный 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
... ... ...

обратно на главную     назад    дальше     вперед

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