css下拉菜单怎么隐?

5个月前 (10-16 00:01)阅读4回复0
xxhh
xxhh
  • 管理员
  • 注册排名4
  • 经验值131800
  • 级别管理员
  • 主题26360
  • 回复0
楼主

  纯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

0
回帖

css下拉菜单怎么隐? 期待您的回复!

取消