纯CSS的下拉菜单,我理解的意思就是标签套标签,然后再给标签设置款式。在被套的标签设置日常平凡形态为隐藏,再等鼠标挪动到上一个标签时,将被套的标签显示(款式:overflow:hidden; )。大请安思就是如斯。我对那些也不克不及说出格精通。网上却是有良多倒子的。
贴一段网上摘的纯CSS下拉菜单(二级)
操纵float造做兼容ie6纯css下来菜单
* { margin:0; padding:0; }
ul { list-style:none; }
a:hover {color:#555; }
nav { float:left; overflow:hidden; text-align:center; font-size:14px; }
。nav dd { float:left; width:300px; margin:-888px -150px 0 0; }
nav dd a { float:left; margin-top:888px; display:block; position:relative; background:#eee; width:150px; height:30px; line-height:30px; border-bottom:1px solid #fff; }
nav a:hover { margin-right:1px; background:#3cf; }
。nav dd ul { float:left; font-size:0; z-index:888; }
。nav dd li a { clear:left; width:150px; margin-top:0; font-size:14px; }
nav dd li a:hover { margin-right:1px; }
首页
关于我们
公司简介
公司文化
企业荣誉
联络我们
新闻动态
国内新闻
国外新闻
产物展现
111
222