CSS横向下拉菜单(兼容IE6)

2024-07-11 08:51:19

字体：大中小

来源：转载

供稿：网友

CSS驱动的横向下拉菜单（改进版）
由于我的IE是IE7的，所以起初没有意识到那个下拉菜单在IE6中不能显示，今天刚把IE7卸了装了IE6，一般的，由于CSS驱动的下拉菜单不能在IE6中正常工作，大多数人会选择用JavaScript去实现下拉菜单，但其实CSS也可以做到的哦~~
这个关键就是这个语句：body { behavior:url(csshover.htc);}。通过IE特有的属性behavior调用一个行为文件，为IE添加一些通常没有的功能。即只有IE才去下载它，其他浏览器不会浪费带宽去下载它，其缺点是：behavior声明无法通过样式表的验证。可以将之转移到一个单独的样式表文件，然后用@import引用它。让主要的样式表通过验证。

下面看一下CSS的源码，注释中有给出csshover.htc文件的作用。（我有修改多处源码，发现上次写的有很多不足~~）对了，这个csshover.htc文件可以在http://www.xs4all.nl/~peterned/csshover.html#changes上下载得到。（是英文网站哈，不过单击橙色的download连接就可以下载了，只是有不同的版本，我这里用的是“Version 1.42.060206 (:hover and :active) download | view”这个连接的版本。）不废话了，还是看源码吧~~
BODY部分

复制代码

上一篇：纯CSS实现兼容IE7及以上宽度自适应无限级导航菜单附演示

下一篇：css中float:right右对齐元素会换行不在同一条线上