Порядок элементов: CSS-свойство «z-index»

CMS RUEN обладает рядом встроенных элементов, которые располагаются поверх других элементов оформления сайта (диалоговые формы, всплывающие окна и пр.) И при создании сайта дизайнер также может запроектировать элементы, перекрывающие остальное оформление. Положение таких элементов может быть фиксированным, абсолютным или относительным, выравниваться по верху или низу, левому или правому краю. И при этом есть еще один параметр – порядок отображения, образующий третье измерение – z-index.

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

Индекс	Элемент	Класс, ID	Индекс до оптимизации
8000	Форма обратной связи	#letters	10006000
6000	Диалоговое окно	#ruenmessage	2999
4020	Окно всплывающее	.ruen_window_hide, .ruen_window_show
4000	Механизм просмотра изображений	.ruen_images	2000
3000	Системная панель	#ruen_system	1000000
2500	Рекомендуемые значения для использования при создании оформления
2020	Кнопка обратной связи	.letters	10005998
2000	Меню	.ruen_menu	99999
1000	Слайды	.slides_markers	5000
0	Статическое оформление