css - 更改悬停背景的 z-index

Question

这可能吗？我有

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

我希望它在 div(或 <a>)悬停时新悬停:背景颜色/图像覆盖 <img> ，有点像悬停时 z-index 的变化。

所以在悬停 <div> 的 fiddle 中或 <a> 100px img 将不可见，一切都是金色的。

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

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

Answer 1

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

.one:hover img {
    display:none;
}

jsFiddle example