Категория Positioning диалогового окна CSS Style definition for располагает возможностями относительно работы со слоями. Конкретно, для прямоугольного блока, габариты коего устанавливаются в подобной категории, можно задать номер слоя, в коем он должен располагаться, а также установить видимость слоя.
В программе дримвивер для этого имеется более быстрый инструмент. Чтобы показать этот инструмент, необходимо переключиться в соответствующий режим: надавить клавишу Standard в группе инструментов Layout панели Insert, после чего становится активной кнопочка Draw Layer.
Щелкнем на кнопке Draw Layer. В документе курсор мышки примет изображение маленького крестика. Определив его на то пространство, где предполагается расстановка верхнего левого угла слоя, нужно надавить клавишу мыши и, не бросая ее, вытянуть прямоугольник до требуемого размера. Отпустив кнопочку, подвести курсор к границе слоя, дабы он получил изображение перекрестья со стрелками, а также кликнуть мышкой. Вокруг слоя возникнут маркеры, а линейка параметров Properties изменит свой вид.
Модифицировать размеры слоя и переставлять его можно как соответствующих полей на панели свойств Properties, так и с помощью мыши. Поля Т и L определяют положение верхнего левого угла слоя относительно верхнего и левого краев странички, а поля W и Н - высоту и ширину слоя.
Рассмотрим предназначение других элементов панели свойств Properties для того чтобы работать со слоями.
участок Z-Index включает номер слоя. Для слоя, который построен первым, будет указано значение 1, для дальнейших слоев оно увеличиваться будет на единицу.
перечень Vis дает возможность избрать один из четырех способов видимости слоя: hidden, visible, inherit, default.
участок Bg Image дает возможность установить имя файла изображения фона слоя, а поле Bg Color - однородный фоновый цвет.
участок Layer ID включает индивидуальное название слоя, которое применяется программой-сценарием во время изменения свойств.
В списке Overflow выбираются действия во время переполнения слоя: visible; hidden; scroll; auto.
Поля группы Clip устанавливают квадратную область экрана, за границами которой контент слоя будет спрятан. В поля В и Т вводятся расстояния от нижней и верхней границ области просмотра до верхней границы слоя. В поля L и R - расстояния от левой и правой границ области просмотра до левой границы слоя.
{crossposting on}