Почему тень от блока не видно из-за картинки в предыдущем блоке?

Question

[MegaSanchez]

Стоит задача, чтобы при наведении на блок (сверху блок с картинкой снизу белый фон с текстом) появлялась полоса на нижней части картинки. Думал реализовать это бордером, но тогда "прыгает" блок. Попробовал тенью (вверх) от текстового блока, но ее почему-то не видно

<div class="cours">
  <a href="#" class="cours_press">
    <div class="cours_img">
      <img src="#" alt=""> 
    </div>
    <div class="cours_txt">
      <h3>Курс</h3>
      <p>Описание курса</p>
    </div> 
  </a>
</div>

.cours {
    display: block;
    width: 300px;
    box-sizing: border-box;
}

.cours_img {
    height: 170px;
    overflow: hidden;
}
.cours_img img {
    width: 100%;
    height: auto;
}
.cours_txt {
    padding: 20px;
    background-color: #fff;
}
.cours_press:hover .cours_txt {
    box-shadow: 0 -5px 0 0 #8cc34b;
}

Answer 1

[MegaSanchez]

Всё, решил.
добавил к .cours_img { display: block; box-sizing: border-box;}
и border заработал, не раздвигая блок

.cours_img {
    display: block;
    height: 170px;
    overflow: hidden;
    box-sizing: border-box;
}
.
.
.cours_press:hover .cours_img {
    border-bottom: 5px solid #8cc34b;
}

Answer 2

[Максим Тимофеев]

ее перекрывает другой блок, сделайте margin размером с тень

Comments

[MegaSanchez]

А какой ее перекрывает? course_txt? Или нет? Если честно, я не могу даже представить и понять, как и кому прописать margin чтобы оно сработало...

[Максим Тимофеев]

MegaSanchez: Блоку с тенью margin-top:5px;

[MegaSanchez]

Неее. Ну это же не будет работать так, как надо. Тогда при наведении полоса будет появляться не на картинке, а под ней, и блок с текстом всё равно будет прыгать на 5 пикселей, как с бордером.

Задача в том, чтобы при наведении появлялась полоса которая на 5px закрывает собой картинку снизу. И основной блок соответственно не раздвигается. Если делать внутреннюю тень в course_txt, то блок не разъезжается, но этот вариант не подходит, поскольку полоса закрывает белое поле текстового поля, а должна картинку. Вот такое условие задачи

[Максим Тимофеев]

MegaSanchez: тогда z-index