Orange, указывая z-index мы даем браузеру понять какой элемент находится поверх другого, вот у меня вот такой код (html , css) для белого меню навигации и изображения со стрелками, только вот не пойму почему не располагает стрелки под белым меню, ведь я указал z-index для стрелок 0 а хедеру z-index 1 P.S. я понимаю что за хедер мне надо спрятать нижнюю часть стрелки..А с псевдоэлементами ::after or ::before .я что-то вообще ничего не понял: для чего они, в Htmlbook все примеры на тексте... не могу разобраться , объясните пожалуйста... <!Doctype html><html lang="Ru-ru"><head><meta charset="utf-8"/><link rel="stylesheet" type="text/css" href="D:\Вёрстка\css\style.css" /><title> Верстка шаблона №1</title><body> <div class="header"> <div class="arrow"> <img src="D:\Вёрстка\img\arrow.png"> </div><!-- end arrow--!></div><!-- end header--!>*/css*/.header{height:90px;background-color:white;/*text-align:center;*/border-bottom:3px solid #bbd6ee; position:relative;z-index:1;}.arrow {float:left;position:relative;z-index:0}
