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

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

Для размещенного блока вы можете задать позиционный уровень, в текущем контексте используя свойство 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>

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

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

Следующая глава >

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

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

Из книги Fedora 8 Руководство пользователя автора Колисниченко Денис Николаевич

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


5.2.2 Определения уровня ПО

Из книги ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ ВСТРОЕННЫХ СИСТЕМ. Общие требования к разработке и документированию автора Госстандарт России


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

Из книги Искусство программирования для Unix автора Реймонд Эрик Стивен

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


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

Из книги TCP/IP Архитектура, протоколы, реализация (включая IP версии 6 и IP Security) автора Фейт Сидни М

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


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

Из книги Инфраструктуры открытых ключей автора Полянская Ольга Юрьевна

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


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

Из книги Сетевые средства Linux автора Смит Родерик В.

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


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

Из книги Программирование на языке Пролог для искусственного интеллекта автора Братко Иван

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


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

Из книги AutoCAD 2009. Учебный курс автора Соколова Татьяна Юрьевна

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


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

Из книги Операционная система UNIX автора Робачевский Андрей М.

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


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

Из книги Домены. Все, что нужно знать о ключевом элементе Интернета автора Венедюхин Александр

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


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

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

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


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

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

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


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

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

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