CSS 实践:实现下拉菜单的方法
2016-01-27 17:44
513 查看
基于display属性的切换。
将需要不可见的二级菜单ul元素的display元素设为none,当需要可见的时候改为block。
.menu ul li ul {
display: none;
}
.menu ul li:hover ul {
display: block;
width: 100px;
position: absolute;
}
将需要不可见的二级菜单ul元素的display元素设为none,当需要可见的时候改为block。
.menu ul li ul {
display: none;
}
.menu ul li:hover ul {
display: block;
width: 100px;
position: absolute;
}
相关文章推荐
- 定制滚动条样式 webkit
- 第 9 章 单位和值
- 第 8 章 CSS 代码缩写,占用更少的带宽
- 第 7 章 CSS 布局模型
- css漂亮表格样式
- css3动画总结
- CSS icon图标之纯CSS实现带动画效果的天气图标
- CSS 弹性盒
- 第 6 章 CSS 盒模型
- 在execCommand formatBlock 'p'标签里增加class或id或css style?
- js控制CSS样式属性语法对照表
- css与html的常用的元素分类
- html+css学习笔记:Sass语法学习
- CSS3+Sprite实现僵尸行走动画特效源码
- js+css绘制颜色动态变化的圈中圈效果
- 自定义复选框 checkbox 样式
- css盒模型和块级、行内元素深入理解
- css 块状元素和内联元素
- CSS实现强制换行-------Day 78
- CSS 实现表格内容超出用省略号显示 超出div显示省略号