`
yiminghe
  • 浏览: 1460286 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

纯css菜单的 ie6 patch

阅读更多

css 权威 eric meyer 很早利用标准浏览器任意元素 :hover 伪状态实现了 纯 css 菜单     ,结构很好,但是没有说明 ie6 的妥协方案,其实现在也就需要对 ie6 妥协一下而已,近来想实用就写了段脚本修正了一下:


1. 利用 mouseover,修正 hover,以及动态添加类实现 ie6 子选择器问题。

2. ul,li,a 利用 zoom:1; 取得 hasLayout

3. 子菜单宽度设定,ie7 右侧菜单修正一下

5. 提取类 .rightmenu ,.topmenu ,便于重用.


演示 @ google code



效果图:

 

 

 

 

  • 大小: 28.7 KB
5
2
分享到:
评论

相关推荐

    纯css多级下拉菜单兼容ie6+主流浏览器

    本文将深入探讨如何使用纯CSS实现兼容IE6+及主流浏览器的多级下拉菜单,帮助Web开发者提升用户体验,同时简化开发流程。 首先,让我们了解CSS(层叠样式表)的基本概念。CSS是一种用于描述HTML或XML(包括如SVG、...

    纯css下拉菜单兼容主流浏览器IE6+

    纯css下拉菜单兼容主流浏览器IE6+

    纯CSS菜单、动画

    纯CSS写的导航菜单以及动画,当然可能会不兼容低版本的IE

    纯CSS的下拉菜单,支持IE6,IE7,Firefox

    本篇将深入探讨如何使用纯CSS实现一个兼容IE6、IE7及Firefox的下拉菜单。 一、CSS下拉菜单的基本结构 首先,我们需要创建HTML结构。一个简单的下拉菜单通常由一个`<ul>`元素作为主要菜单容器,每个`<li>`元素表示一...

    纯css二级导航 兼容ie6

    本教程将聚焦于如何利用纯CSS实现一个兼容IE6的二级导航菜单,正如“纯css二级导航 兼容ie6”这个主题所示。 首先,让我们了解纯CSS导航菜单的基本概念。CSS(层叠样式表)是一种样式语言,用于描述HTML或XML(包括...

    纯div+css下拉菜单支持ie6,ie7、火狐

    首先,我们来看"纯CSS制作支持IE6、IE7、Firefox的下拉菜单.htm"这个文件。这个文件展示了如何在不同浏览器,特别是老版本的Internet Explorer(如IE6和IE7)和Firefox中实现一致的下拉效果。IE6和IE7对CSS的支持...

    css区别IE和非IE浏览器

    - **星号加下划线选择器(*_):** 可以让CSS规则仅被IE6和IE7解析。 ```css #tip { background: blue; /* 非IE浏览器 */ *background: black; /* IE7及以上版本 */ _background: orange; /* IE6 */ } ``` - *...

    纯CSS下拉菜单,宽度自适应

    本主题聚焦于“纯CSS下拉菜单”,这是一种不依赖JavaScript实现的下拉菜单技术,主要利用CSS(层叠样式表)来创建动态效果。在实际应用中,这种菜单可能不是最通用的解决方案,但对那些希望深入了解CSS特性和动画...

    导航菜单纯css

    在“导航菜单纯CSS”项目中,我们将完全依赖CSS来定义导航菜单的布局、颜色、字体等视觉效果,而无需JavaScript或图片来实现动态效果。 在`demo.html`文件中,你会看到HTML代码用于构建导航菜单的结构。常见的HTML...

    纯CSS制作支持IE6、IE7、Firefox的下拉菜单.rar

    本资源"纯CSS制作支持IE6、IE7、Firefox的下拉菜单.rar"提供了一种使用纯CSS实现的跨浏览器下拉菜单解决方案,特别兼容了对老旧浏览器如Internet Explorer 6和7的支持,同时也适用于Firefox等现代浏览器。...

    纯CSS3环形菜单动画 可展开二级子菜单

    本主题聚焦于“纯CSS3环形菜单动画”,这是一个创新且吸引人的交互设计,尤其适用于网站导航。环形菜单的独特之处在于它以圆形布局展示链接,通过动画效果增加用户体验的趣味性。下面我们将深入探讨如何实现这样的...

    纯CSS的垂直导航菜单

    6. **动画效果**:CSS还允许我们添加过渡和动画效果,使得菜单在展开和收起时更平滑,提高用户交互体验。 在提供的"Vertical Menus"压缩包文件中,可能包含了各种纯CSS实现的垂直导航菜单示例。通过学习和分析这些...

    纯CSS控制实现下拉菜单效果-核心代码.html

    纯CSS控制实现的拉菜单效果,反复删改,只留下了核心代码,在最大程度上为需要的人留下了空间

    一个纯css实现的下拉菜单

    本示例是利用纯CSS技术实现的一个下拉菜单,无需依赖JavaScript或者其他复杂的编程语言,这使得代码更简洁,加载速度更快,同时也降低了浏览器兼容性问题。 首先,我们来看CSS下拉菜单的基础结构。通常,HTML部分会...

    纯css3展开扇形弧形多个菜单.rar

    在本项目中,"纯css3展开扇形弧形多个菜单.rar" 提供了一个使用纯CSS3技术构建的扇形动画菜单。这个菜单设计简洁,动态效果独特且时尚,非常适合现代网页设计。然而,需要注意的是,这个菜单并不支持较旧的Internet ...

    侧边栏菜单 纯css

    纯CSS的侧边栏菜单是指不依赖JavaScript或者其他编程语言,仅通过CSS(层叠样式表)来实现菜单的展示、交互效果和布局。这种菜单设计方式具有响应性好、性能高效以及易于维护的优点。以下将详细介绍纯CSS侧边栏菜单...

    纯CSS下拉菜单 非常实用

    纯CSS下拉菜单 不需要JS 效果不错! 从某外国网站上直接弄下来的!

    css解决IE6,IE7,firefox兼容性问题.

    ### CSS解决IE6、IE7及Firefox兼容性问题详解 #### 一、引言 随着互联网技术的发展,浏览器种类日益增多,其中Internet Explorer (IE) 和 Firefox 是早期非常流行的两款浏览器。尤其在2000年代中期,IE6、IE7 和 ...

    CSS的下拉菜单,支持IE6 IE7 Firefox

    本文将详细介绍一个兼容Internet Explorer 6(IE6)、Internet Explorer 7(IE7)以及Firefox浏览器的纯CSS下拉菜单实现方法。该下拉菜单不仅具有良好的跨浏览器兼容性,还通过巧妙的CSS样式设置实现了美观且实用的...

    纯CSS制作支持IE6、IE7、Firefox的下拉菜单

    纯CSS制作支持IE6、IE7、Firefox的下拉菜单! 很值得下载看看!资源免费,大家分享!!

Global site tag (gtag.js) - Google Analytics