导航的一个选项如下:
<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。
分享到:
相关推荐
### IE6中的`li:hover`问题及解决方案 #### 背景介绍 早期浏览器的兼容性问题一直是前端开发者面临的一大挑战。特别是在Internet Explorer 6(简称IE6)中,由于其对CSS支持的限制,很多现代网页设计效果都无法正常...
运用以上的代码可以使ie6支持li:hover的使用
IE6以及更低版本的浏览器对“:hover”的支持不理想,对于类似的“p:hover”、“img:hover”、“#header:hover”...,今天给大家介绍一种新的方法,可以完美解决IE6不支持hover的情况,用法很简单,将下载后的“css...
在本篇文章中,我们将深入探讨这个问题,并提供一系列解决方案,帮助你克服IE6在处理hover效果时的困扰。 首先,理解CSS的:hover伪类是至关重要的。它允许我们为元素添加鼠标悬停时的样式变化,通常用于创建下拉...
在IE6中只兼容a:hover,要使用li:hover或div:hover,需引用一个文件使其兼容: csshover.htc(点击直接查看) 放在网站的根目录下,并在css文件(或者<style>标签)中,加上 复制代码代码如下: body { behavior:...
一般的JS代码只支持PNG图片的普通属性,但使用A:HOVER的时候背景透明就失效了。下面是支持A:HOVER的方式,IE6PNG透明支持a:hover源码,注意:使用此方法不能和其他PNG的JS一起使用
标题中的“CSS a:hover伪类在IE6下的问题”指的是在Internet Explorer 6浏览器中,CSS的`:hover`伪类存在一些不兼容性的问题。`:hover`伪类通常用于定义鼠标悬停时元素的样式,它在现代浏览器中广泛应用于链接、按钮...
可解决在IE6中不支持hover的方法!
标题"**W3Cfuns完美解决IE6不支持hover的方法**"暗示了这个压缩包提供了一个针对这个问题的解决方案。W3Cfuns是一个知名的中文Web开发者社区,它提供了许多关于Web标准、前端技术以及解决兼容性问题的资源和教程。 ...
为了解决这个问题,有几种常见的方法可以实现IE6下的`:hover`兼容性: 1. **使用条件注释和专门的IE6 CSS文件**: IE6支持特定的条件注释,允许我们为IE6提供单独的CSS样式表。例如,在HTML头部添加`<!--[if lt IE...
让ie6非A元素支持:hover的htc代码
在这种情况下,为了解决IE6的兼容问题,我们需要为父级`<a>`添加`:hover`定义,哪怕只是设置一个无关紧要的样式,比如`font-size`: ```css a span {color: red;} a:hover {font-size: 12px;} a:hover span {color:...
为了解决这个问题,开发者们找到了一种名为行为(Behaviors)的技巧,它是IE6特有的CSS扩展,允许CSS与脚本(通常是JavaScript或VBScript)结合。其中,`csshover.htc`(CSS Hover Behavior)就是一个著名的解决方案...
behavior: url(IE6下解决标签不支持hover属性/hover.htc); /* 其他CSS样式 */ } div:hover { background-color: yellow; } ``` 这样,当用户将鼠标悬停在`<div>`元素上时,IE6也会识别并执行`hover`样式。 ...
相信对浏览器兼容问题折磨了很多同道中人,我这有个好东西可以帮大家解决这个郁闷。好东西当然还是要拿出来给大家一起分享~
### JavaScript 解决 IE6 下 hover 问题的方法 #### 背景介绍 Internet Explorer 6 (简称 IE6) 是微软发布的一款浏览器,在早期互联网时代占据了非常重要的地位。然而,随着 Web 技术的发展,IE6 的很多功能已经...