`
yibosheng
  • 浏览: 28590 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

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

阅读更多

导航的一个选项如下:
<a onclick="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。

分享到:
评论

相关推荐

    li:hover的解决方案

    ### IE6中的`li:hover`问题及解决方案 #### 背景介绍 早期浏览器的兼容性问题一直是前端开发者面临的一大挑战。特别是在Internet Explorer 6(简称IE6)中,由于其对CSS支持的限制,很多现代网页设计效果都无法正常...

    ie6支持li:hover的方法

    运用以上的代码可以使ie6支持li:hover的使用

    完美解决IE6不支持hover的方法

    IE6以及更低版本的浏览器对“:hover”的支持不理想,对于类似的“p:hover”、“img:hover”、“#header:hover”...,今天给大家介绍一种新的方法,可以完美解决IE6不支持hover的情况,用法很简单,将下载后的“css...

    完美解决IE6不支持hover

    在本篇文章中,我们将深入探讨这个问题,并提供一系列解决方案,帮助你克服IE6在处理hover效果时的困扰。 首先,理解CSS的:hover伪类是至关重要的。它允许我们为元素添加鼠标悬停时的样式变化,通常用于创建下拉...

    使IE6支持:hover效果使用li:hover或div:hover

    在IE6中只兼容a:hover,要使用li:hover或div:hover,需引用一个文件使其兼容: csshover.htc(点击直接查看) 放在网站的根目录下,并在css文件(或者&lt;style&gt;标签)中,加上 复制代码代码如下: body { behavior:...

    IE6PNG透明支持a:hover源码

    一般的JS代码只支持PNG图片的普通属性,但使用A:HOVER的时候背景透明就失效了。下面是支持A:HOVER的方式,IE6PNG透明支持a:hover源码,注意:使用此方法不能和其他PNG的JS一起使用

    CSS a:hover伪类在IE6下的问题

    标题中的“CSS a:hover伪类在IE6下的问题”指的是在Internet Explorer 6浏览器中,CSS的`:hover`伪类存在一些不兼容性的问题。`:hover`伪类通常用于定义鼠标悬停时元素的样式,它在现代浏览器中广泛应用于链接、按钮...

    csshover 解决IE6不支持hover的办法

    可解决在IE6中不支持hover的方法!

    W3Cfuns完美解决IE6不支持hover的方法.rar

    标题"**W3Cfuns完美解决IE6不支持hover的方法**"暗示了这个压缩包提供了一个针对这个问题的解决方案。W3Cfuns是一个知名的中文Web开发者社区,它提供了许多关于Web标准、前端技术以及解决兼容性问题的资源和教程。 ...

    解决ie6下hover不是别问题,多用于导航菜单

    为了解决这个问题,有几种常见的方法可以实现IE6下的`:hover`兼容性: 1. **使用条件注释和专门的IE6 CSS文件**: IE6支持特定的条件注释,允许我们为IE6提供单独的CSS样式表。例如,在HTML头部添加`&lt;!--[if lt IE...

    让ie6非A元素支持:hover的htc代码

    让ie6非A元素支持:hover的htc代码

    IE6下伪类hover失效问题及解决办法

    在这种情况下,为了解决IE6的兼容问题,我们需要为父级`&lt;a&gt;`添加`:hover`定义,哪怕只是设置一个无关紧要的样式,比如`font-size`: ```css a span {color: red;} a:hover {font-size: 12px;} a:hover span {color:...

    解决IE6没法实现hover

    为了解决这个问题,开发者们找到了一种名为行为(Behaviors)的技巧,它是IE6特有的CSS扩展,允许CSS与脚本(通常是JavaScript或VBScript)结合。其中,`csshover.htc`(CSS Hover Behavior)就是一个著名的解决方案...

    ie6下支持hover的方法

    behavior: url(IE6下解决标签不支持hover属性/hover.htc); /* 其他CSS样式 */ } div:hover { background-color: yellow; } ``` 这样,当用户将鼠标悬停在`&lt;div&gt;`元素上时,IE6也会识别并执行`hover`样式。 ...

    解决ie6不支持:hover、属性选择器JS

    相信对浏览器兼容问题折磨了很多同道中人,我这有个好东西可以帮大家解决这个郁闷。好东西当然还是要拿出来给大家一起分享~

    javascript解决IE6下hover问题的方法.docx

    ### JavaScript 解决 IE6 下 hover 问题的方法 #### 背景介绍 Internet Explorer 6 (简称 IE6) 是微软发布的一款浏览器,在早期互联网时代占据了非常重要的地位。然而,随着 Web 技术的发展,IE6 的很多功能已经...

Global site tag (gtag.js) - Google Analytics