使用缩放img悬停时，box-shadow消失

Question

我创建了一个codepen，因此更容易理解我的问题。 我为图片添加了:before以获得box-shadow，但是如果我将鼠标悬停在image上，它应该会向上扩展一点，但是{ {1}}不应该消失，它确实......

http://codepen.io/notyetnamed/pen/YyqjvJ

阴影可能会停留在原处，或与图像一起缩放，但不会消失。

HTML：

box-shadow

CSS：

<a href="#0" style="height: 429px;">
  <figure><img alt="bild" src="http://lorempixel.com/410/230"></figure>
  <div>
    <h2>Lorem Ipsum</h2>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis.</p>
  </div>
</a>

Answer 1

向z-index: 1添加:before解决了我的问题。