如何解决CSS下拉菜单在IE 6 7或8中不起作用
| 我整天都在动脑筋,在所有我能想到的寻求解决方案的论坛上,都无济于事……请帮助。 我有一个非常简单的网站,正在使用一个非常基本的下拉菜单。 它可以正常工作,在Firefox和Safari中看起来很棒...但是下拉列表却没有显示在Internet Explorer中...我找不到任何版本。 这是一个临时链接:网站 悬停似乎正在工作,因为链接会更改颜色,但下拉失败 这实质上是一个模板,以后将用于制作整个网站...现在,我只想使此菜单正常工作。 另外:即似乎在徽标周围放置了一个怪异的边框...有人知道这是怎么回事吗?解决方法
要摆脱徽标上的边框,请在样式表中使用以下代码:
a img {
border-style: none;
}
我尝试了一些操作,但悬停事件不适用于您使用的选择器:
#menu ul li:hover ul
我把它与此文件:
#menu ul a:hover
但是,那么您将无法访问UL元素来显示它...我想您将需要Javascript才能在IE(至少是IE6)中修复此问题。
, IE6在链接以外的其他元素上根本不支持:hover
。看看HTML Dog的Suckerfish Dropdowns之子中的sfHover
函数。该功能是IE6的JavaScript替代产品。我建议您阅读全文。
sfHover = function() {
var sfEls = document.getElementById(\'nav\').getElementsByTagName(\'li\');
for (var i = 0; i < sfEls.length; i++) {
sfEls[i].onmouseover = function() {
this.className += \' sfhover\';
}
sfEls[i].onmouseout = function() {
this.className = this.className.replace(new RegExp(\' sfhover\\\\b\'),\'\');
}
}
}
if (window.attachEvent) window.attachEvent(\'onload\',sfHover);
对于图像周围的边框,只需添加:
img { border:0 }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。