css hover问题。以下代码为啥还是被遮挡了，请看代码

Posted 2023-03-19

为什么我设置了hover还是被img遮挡了，hover效果是有的了，但是在后面被前面遮挡了。
是没有<a>属性的。
css代码
.left:hoverbackground:url('images/left22.png');
#hf .con .leftposition:absolute;top:70px;left:0px;cursor:pointer;

页面代码
<div id="hf">
<div class="con">
<img src="images/left2.png" class="left"/>
是hover覆盖不了img

你写到背景上面的肯定覆盖不到啊，你是想做成图片切换的效果吧，可以试下以下代码，

<style>
.imgwidth:100px; height:100px; overflow:hidden; cursor:pointer;
.img:hover imgmargin-left:-100px;
</style>
<div class="img">
<img src="42zy.png">
</div>

这个图片

下面是效果

参考技术A hover好像专门针对连接的吧！
你要是没连接你可以用：onMouseOver="this.background='images/left22.png';"

效果一样的本回答被提问者采纳 参考技术B 麻烦描述清楚问题，而且你的写法也有问题，img标签是没有background的，写出来也是没有作用的 参考技术C 什么意思？？？？？？？？