Question

css，鼠标没移动上去的时候 隐藏，移动上去显示图片。

#main .fanye img{
position: absolute;
left:823px;
margin-top: 0px;
margin-right: 0px;
float: right;
visibility:hidden;
}

#main .fanye img:hover{
visibility:visible;
}

请大神帮忙看看该怎么写。。。

Answer 1

1. 使用css的伪类 (:hover)

2. 定义一个div的class为a1,图片包含在div中

3. .a1 img{display:none}

4. .a1:hover img{display:bolck}

Answer 2

#main .fanye img{
display:block
}
#main .fanye:hover img{
display:none
}

追问

这样写代码是鼠标没触在上面图片显示，放上去反而消失了啊……

追答

哦，那就倒过来嘛
#main,.fanye{ width:200px; height:200px;}
#main .fanye img{
display:none
}
#main .fanye:hover img{
display:block
}

追问

倒过来我肯定试过的嘛，没有作用，图片根本都不显示了。。。
不过还是谢谢你~

追答

我测试了有的，你先新建一个网页就贴我的代码和html看看，然后看你的为什么不出来，是不是其他代码影响了，比如position: absolute;left:823px;这些代码，虽然不知道你离哪个参照物偏移了800多像素，是不是把图片移到屏幕外面去了。