css下拉菜单怎么隐?

科技 3年前 阅读:24 评论: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

标签:下拉菜单
版权声明

本文仅代表作者观点,不代表木答案立场。

网友评论

本站会员尊享VIP特权,现在就加入我们吧!登录注册
登录
用户名
密码
验证码
若未跳转,可点击这里刷新重试
未知错误
注册
用户名
密码(至少8位)
确认密码
邮箱(请填写常用邮箱)
验证码
若未跳转,可点击这里刷新重试
未知错误
找回密码
用户名
邮箱
※ 重置链接将发送到邮箱
若未跳转,可点击这里刷新重试
未知错误