解决IE下a:hover与onclick冲突的问题。

最新推荐文章于 2019-12-24 12:00:58 发布

IT行业研究

最新推荐文章于 2019-12-24 12:00:58 发布

阅读量325

点赞数 1

分类专栏：知识库文章标签： IE CSS

本文链接：https://blog.csdn.net/yibosheng/article/details/83681063

版权

知识库专栏收录该内容

2 篇文章 0 订阅

订阅专栏

导航的一个选项如下：
<a οnclick="foward('#','#')">介绍</a>
foward是一个js函数，用于控制同一个页面的两个iframe的连接地址。

又有css如下
a {
background-image:url("../images/nav_4.jpg");
width:120px;
}
a:hover {
background-position:left -32px;
}
可以看到，导航的背景是一张图片。当鼠标移到a标签上面时，改变背景图片的位置以达到背景颜色的变化。

但由于css的a:hover和js的onclick冲突了。在ff下能正常显示，在ie下a:hover属性则不生效了。

解决办法：
<a href="javascript:foward('#','#')">介绍</a>
把a标签的onclick改为href。