css下拉菜单

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;

}

免费下载该文档:css下拉菜单
相关文档
极速赛车为什么老是输 上海11选5 彩98彩票计划群 山东11选5开奖 山东11选5开奖 山东11选5走势 极速赛车有官网吗 福建泰顺棋牌俱乐部 极速赛车计算公式 金福彩票计划群