CSS Test Page - 锐客网 *{
margin: 0;
padding: 0;
}
#content{
background:#0CF;
height:200px;
width:200px;
margin-left: 20px;
margin-top: 20px;
}
#show{
width:200px;
height:200px;
margin-top: 20px;
background:#F09;
top:0px;
position:absolute;
opacity: 0;
display: block;
font-size: 12px;
transition: 0.3s;
-webkit-transition: .5s;
-moz-transition: .5s;
}
#content:hover #show{
color: #656e73;
opacity: 1;
}这是原本的div层【css中将鼠标放到一个div上显示出另一个隐藏的div】这是鼠标移动上去后的div层
推荐阅读
- JavaScript|web前端入门到实战（好用的Js图表库）
- 接口访问加密方式
- 实用技术|Chrome 技术篇-常用web调试手法（清除缓存并硬性重新加载）
- 有关easyUI的拖动操作中droppable，draggable用法例子
- web前端|CSS科技感四角边框
- ColorBox 演示和说明/API
- SUI 列表 底部无限滚动
- js把时间戳转化为时间
- js jq获取标签的各种方式整理
- WEB前端|用HTML5canvas绘制一个圆环形的进度表示