更改悬停背景的z-index

Question

这可能吗？我有

<div class="one">
  <a><img src="http://lorempixel.com/100/100"></a>
</div>

我希望将它悬停在div（或<a>）上的新悬停：背景颜色/图像覆盖<img>，类似于悬停的z-index更改。

因此，在<div>或<a>悬停{100} x img时，这个小提琴将不可见，一切都将是黄金。

http://jsfiddle.net/q9Fm3/2/

我想保留内联<img>元素。

Answer 1

背景图片不能位于同一元素中的图像之上，但您可以通过添加来模拟所需内容：

.one:hover img {
    display:none;
}

<强> jsFiddle example

Answer 2

只需添加此规则：

.one:hover img {display:none;}