• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > CSS横向下拉菜单(兼容IE6)

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

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含CSS,下拉菜单等相关知识,佚名 希望在学习及工作中可以帮助到您
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部分

3.这样就将一级菜单的各列表项(已相对定位)为任何绝度定位的子孙元素建立了一个容器块,即绝对定位了的子菜单将以它为定位的起始点,通过添加top,left属性定位调整与一级菜单的关系来调整自己的位置(即距离容器块左上角的位置偏移量)。

您可能想查找下面的文章:

  • css小技巧
  • 各大网站CSS初始化代码
  • css权重问题
  • CSS实现鼠标上移图标旋转效果
  • 使用CSS3制作一个简单的进度条(demo)
  • 用纯CSS实现饼状Loading等待图效果
  • 利用CSS3伪元素实现逐渐发光的方格边框
  • CSS3实现内凹圆角的实例代码
  • 利用HTML5+CSS3实现3D转换效果实例详解
  • css3+伪元素实现鼠标移入时下划线向两边展开的效果

相关文章

  • 2017-08-06css hover对其包含的子元素进行样式设置示例
  • 2017-08-06css使用overflow属性控制滚动条的样式
  • 2017-08-06纯CSS3实现多种不同的等待效果(无js/jquery/无图片)
  • 2017-08-06浅谈合理架构CSS
  • 2017-08-06前端隐藏出边界内容的实现方法
  • 2017-08-06CSS中使用table-cell法来达到居中效果
  • 2017-08-06css3实现背景颜色渐变让图片不再是唯一的实现方式
  • 2017-08-06CSS3属性background-size使用指南
  • 2017-08-06CSS 使用table布局网页是不明智
  • 2017-08-06Hack 只针对IE的写法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • css3新增颜色表示方式分享
    • CSS3 实用技巧:实现黑白图像效果示例代码
    • 使用CSS实现页面复选框的方法
    • CSS3基础(RGBa、text-shadow、box-shadow、border-radius)
    • display:inline的用法
    • css中ul li的背景小图标属性设置的两种情况
    • CSS3 Columns分列式布局方法简介
    • 避免不必要的浏览器兼容性问题的5个技巧
    • margin折叠的问题探讨
    • div+css实现蓝色vista风格css导航菜单效果

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有