Определение позиционного уровня

Определение позиционного уровня

Для размещенного блока вы можете задать позиционный уровень, в текущем контексте используя свойство z-index. Это свойство может принимать такие значения.

• «целое число» – является значением позиционного уровня сгенерированного блока в текущем контексте. Блок также назначает локальный позиционный контекст с позиционным уровнем 0.

• auto – позиционный уровень блока в текущем контексте совпадает с позиционным уровнем родительского блока.

Рассмотрим пример, приведенный в листинге 9.16. В этом примере позиционные уровни блоков именуются с использованием атрибута id. Причем позиционный уровень text2 наследуется от корневого блока. Другие уровни указываются свойством z-index.

Листинг 9.16. Позиционирование вдоль оси z

<html>

<head>

<title>Глава 9. Позиционирование вдоль оси z</title>

<style type="text/css">

.pile {

position: absolute;

left: 2in;

top: 2in;

width: 3in;

height: 3in;

}

</style>

</head>

<body>

<p>

<img id="image" class="pile"

src="someimg.gif" alt="Картинка"

style="z-index: 1">

<div id="text1" class="pile"

style="z-index: 3">

Этот текст будет находиться поверх изображения.

</div>

<div id="text2">

Этот текст будет находиться под всем остальным.

</div>

<div id="text3" class="pile"

style="z-index: 2">

Этот текст будет находиться ниже текста text1, но поверх изображения.

</div>

</body>

</html>

Данный пример должен пояснить вам понятие прозрачности. По умолчанию блок ведет себя так, что другие блоки, находящиеся за ним, видны сквозь прозрачную область его содержимого. В данном примере каждый блок, накладывающийся на другие блоки, является прозрачным. Такой тип поведения может быть переназначен посредством использования одного из существующих свойств фона.

Данный текст является ознакомительным фрагментом.



Поделитесь на страничке

Похожие главы из других книг:

Протоколы транспортного уровня

Из книги автора

Протоколы транспортного уровня В соответствии с моделью DARPA, рассмотренной нами ранее, протоколы транспортного уровня работают исключительно на хостах, являющихся точками обмена информацией — источниках или получателях датаграмм. Поскольку основная функция шлюзов


Поддержка протоколов высокого уровня

Из книги автора

Поддержка протоколов высокого уровня В ядре Linux предусмотрена поддержка нескольких протоколов высокого уровня. Благодаря этому коды, отвечающие за работу с этими протоколами, выполняются намного быстрее, чем соответствующие коды обычных пользовательских программ.


Глава 4 Технологии физического уровня и уровня связи данных

Из книги автора

Глава 4 Технологии физического уровня и уровня связи данных 4.1 Введение За последние несколько лет было предложено беспрецедентное количество новых технологий для локальных и региональных сетей, быстро утвердившихся на компьютерном рынке. Произошел огромный скачок от


Виртуальность верхнего уровня

Из книги автора

Виртуальность верхнего уровня В 2005 году ICANN одобрила введение очередных новых доменов верхнего уровня. Это домены второго раунда: TRAVEL, JOBS, CAT, ASIA, MOBI, TEL.Домен TRAVEL, как видно из названия, связан с путешествиями. В TRAVEL зарегистрировать доменное имя могут туристические


1.2.6. Установка уровня громкости

Из книги автора

1.2.6. Установка уровня громкости Рис. 1.35. Регулятор громкостиДля установки уровня громкости выберите команду меню Система?Параметры?Персональные?Регулятор громкости (рис. 1.35).


8.3.1. Определение соответствующего уровня сложности

Из книги автора

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


8.3.1. Определение соответствующего уровня сложности

Из книги автора

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


8.3.5. Язык или протокол прикладного уровня

Из книги автора

8.3.5. Язык или протокол прикладного уровня Не менее важно определить, будут ли другие программы интерактивно вызывать ядро мини-языка в качестве подчиненного процесса. Если это так, то конструкция, вероятно, должна меньше походить на диалоговый язык для взаимодействия с


Атрибуты уровня компоновочного блока (и уровня модуля)

Из книги автора

Атрибуты уровня компоновочного блока (и уровня модуля) Можно также задать применение атрибутов ко всем типам в рамках данного модуля или всех модулей в рамках данного компоновочного блока, если, соответственно, использовать признаки [module:] или [assembly:]. Предположим, что нам


Указание уровня и высоты

Из книги автора

Указание уровня и высоты Указание уровня и высоты позволяет строить трехмерные объекты, не используя сети. Преимущество такого подхода в быстроте и легкости изменения уровня и высоты как вновь рисуемых, так и уже существующих объектов.Уровнем объекта называется


28.1. Определение наличия каталогов уровня выполнения

Из книги автора

28.1. Определение наличия каталогов уровня выполнения Каталоги, где хранятся сценарии rc.scripts (здесь фактически речь идет о ссылках, которые мы рассмотрим далее), имеют следующий вид:/etc/rcN.dили/etc/rc.d/rcN.dгде N — число. Обычно это число равно семи, поскольку каталоги rcN. d


Средства безопасности IP-уровня

Из книги автора

Средства безопасности IP-уровня Совокупность механизмов IPsec обеспечивает основу для защиты сетевого трафика на IP-уровне, безопасности IP-пакетов, защищенного взаимодействия мобильных систем с корпоративной сетью, реализации виртуальных частных сетей (Virtual Private Networks - VPN) и