怎么用HTML+CSS实现横向2级导航栏,谢谢了啊!!

发布网友 发布时间：2022-04-26 10:44

我来回答

共4个回答

热心网友 时间：2022-04-06 11:57

这个不太好实现。标签的伪类focus可以很好的实现这种效果，但是在IE6下只支持a的伪类hover、active、visited、link。其他的标签在IE6下都没有伪类。所以建议用js，如果是闲来无事可以试一下。

热心网友 时间：2022-04-06 13:15

#nav{ background:#CCC;}
#nav ul{ width:980px; margin:auto; height:40px; text-align:center;}
#nav li{ float:left; height:40px; border-right:#999 solid 1px; position:relative;}
#nav li:hover{ background:#999;}
#nav li > a{ display:block; line-height:40px; padding:0 20px;}
#nav li dl{ background:#CCC; position:absolute; width:100%; display:none;}
#nav li:hover dl{ display:block;}
#nav li dd{ padding:10px 0; border-bottom:#999 solid 1px;}

热心网友 时间：2022-04-06 14:49

这里有一个js的多级联动下拉菜单
可以自定义位置和样式 比较实用
里面有教程和源码

参考资料：http://www.blueidea.com/common/shoutbox/redir.asp?5=e&id=11931

热心网友 时间：2022-04-06 16:41

下面这有 你看看。 纯CSS 是不到 兼容吧

参考资料：http://hi.baidu.com/373674179/blog/item/07851c5796a034574e004a.html