发表于： 2017-03-12 17:59:55
5 725
今天完成的事情：
完成任务5，给背景图加半透明遮罩，对专业技能列表布局，加上各种小图标。
明天计划的事情：
若任务5有问题先改任务5，开始任务6
遇到的问题：
对列表<li>设置position: relative;后，当页面高度足够小时，滑动滚动条，会导致列表内容跑到【个人主页】上层去。如下图红框所示：
虽然对【个人主页】设置z-index=1可以解决这一情况
但是并没想明白出现这种情况的原因。。。。。。。。。。。。
收获：
1.知道了字符实体,<>这种直接写在HTML是显示不出来的
2.知道了左边垂直居中，右边W/H自适应的布局是怎么写的（position+margin-left）
3.知道了Z-index, 数值越大距离用户越近，仅在定位元素上有效，默认值与父元素相等。
还请师兄帮忙看看任务4，5有没啥问题 感谢！！
演示地址：
https://he2id.github.io/17jnshu0305/part1/task3/task4.HTML
https://he2id.github.io/17jnshu0305/part1/task3/task5_1.HTML
返回列表
评论