пропадает тень у div

107
12 января 2021, 08:30

Вот на скрине тень есть в том случаи если нет элемента под хедером http://prntscr.com/nulhpu

а только я боковую панель(фиолетовая справа) приставлю которая сразу идет снизу под блоком справа то выпуклость пропадает. Как сохранить так что б выпуклость осталась и хедер был поверх? z-index. не помогает...

сорри за узкие скрины. Видно вроде норм.

http://prntscr.com/nulhe0

Answer 1

добавьте шапке:

position:relative;
z-index:2;

(ну или выше, чем у нижнего блока z-index, если есть)

без position:relative;z-index:2;

.block { 
  height: 15px; 
  background: #f0f; 
} 
.b1 { 
  box-shadow: 0 3px 3px rgba(0,0,0,0.3); 
} 
.b2 { 
  background: #0f0; 
}
<div class="block b1">1</div> 
<div class="block b2">2</div>

с position:relative;z-index:2;

.block { 
  height: 15px; 
  background: #f0f; 
} 
.b1 { 
  box-shadow: 0 3px 3px rgba(0,0,0,0.3); 
  position: relative; 
  z-index:2; 
} 
.b2 { 
  background: #0f0; 
}
<div class="block b1">1</div> 
<div class="block b2">2</div>

READ ALSO
Хочу чтобы при добовления какой либо статьи в Django они шли не в низ друг за другом а в право потом в низ ну на блоки раздел
HTML

Хочу чтобы при добовления какой либо статьи в Django они шли не в низ друг за другом а в право потом в низ ну на блоки раздел

Если че использую Jinja, bootstrap3, python(Djnago), css , html, Jquery

 104
Передача данных между формами
c#

Передача данных между формами

Здравствуй ХэшКод, скажите у меня есть

 99
собрать все зависимости в один DLL в C# проект
c#

собрать все зависимости в один DLL в C# проект

У меня есть проект dll (dllMy) котрая использует ряд других сторонних dll(dllDep) которые я включаю к Reference в проектМне необходимо в номо проекте обращатся...

 97
Получить данные из ячейки DataGridView c#
c#

Получить данные из ячейки DataGridView c#

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

 88