css下拉菜单

【转】CSS下拉菜单详解(兼容多种浏览器)

一个下拉菜单,IE6、IE7、/FF下通用不变形,其实这个很基础,但对于往标准化转变有很好的促进作用。下面把关键点和思路摘录一下:

1、结构布局:

在菜单版块上,下拉的菜单也是放在UL中,但必需要嵌套在其父级的LI中,如下

在这样的结构中,上层的DIV等标签不能用overflow:hidden; ,否则下拉菜单会出不来。我清晰的记得,刚学DW建站的第一个月,就用DW做了一个下拉菜单,但现在回去去看,那个更多依靠是的JS,有时定位不准会产生下拉菜单跑位。而这样嵌套后,一会通过定位,就不会偏移。在实际应用时,nav可以加入LOGO 等内容,而nav_top才是用于控制菜单。

2、样式继承:

由于在CSS中的组合选择符,会对其下的同样子标签会赋予同样的样式特征,因此,当我们对第一层的UL和LI定义时,下拉部分也会被带上同样的样式,先不管这个,最后再去修正下拉部分的UL和LI。

A、第一层样式定义:

body {

margin: 0px;

padding: 0px;

font-size:12px;

}

相关文档
大象彩票计划群 极速赛车登陆 彩98彩票计划群 江苏快3平台 天天彩票计划群 W彩票计划群 第1彩票计划群 极速赛车登陆 澳彩网彩票计划群 159彩票