CSS悬停在鼠标悬停时消失答案

【问题标题】：CSS hover disappears at mouseoverCSS悬停在鼠标悬停时消失
【发布时间】：2013-02-19 00:24:12
【问题描述】：

我只是想制作一张上面有不同地点/点的地图。如果您将箭头/鼠标拉到其中一个点上，则位于该点上的透明图像应更改为带有名称的图像。所以这将是一个改变图像的悬停。但是 - 它完全出错了。带有名称的图像一直存在，当我将鼠标拉到它上面时，会出现透明的图像。我试过换图片，但没用。

CSS：

.nutbrown img { 
position:absolute;
margin:497px 642px 247px 380px;
background:url("test1.png") no-repeat;
height: 20px;
text-decoration: none;
}

.nutbrown:hover img {
position:absolute;
height: 20px;
visibility:hidden;
text-decoration: none;
}

HTML

<div class="nutbrown"> <img src="test.png" /></div>

我做错了什么？谢谢你的帮助！ :)

【问题讨论】：

标签： css image hover

【解决方案1】：

因为这个visibility:hidden;

当你将鼠标悬停在 .nutbrown 时，你告诉 CSS 隐藏 .nutbrown 中的每张图片

【讨论】：

啊，我明白了。非常感谢！