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

Question

这可能吗？我有

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

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

因此，在悬停<div>或<a>100px img 的这个小提琴中将不可见，一切都是金色的。

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

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

Answer 1

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

.one:hover img {
    display:none;
}

jsFiddle 示例

Answer 2

只需添加此规则：

.one:hover img {display:none;}