发表于: 2016-07-13 17:59:43
2 1443
今天完成的事情:
更深的理解盒子模型,完成了职业页面的静态页面布局
明天计划的事情:
计划弄task9
遇到的问题:
原本打算用js实现,后面发现使用 hover伪类和父元素子类的 css visibility的hidden和visible可以实现效果,而且代码更少
.occupation-content-item .mask{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:rgba(0,0,0,0.7);
color: #FFFFFF;
visibility: hidden;
}
.occupation-content-item:hover .mask{
visibility: visible;
}
收获:
float布局和hover+visibility鼠标手势
评论