发表于: 2019-09-08 19:00:06
1 742
今天完成的事情:1 学会了图片层叠的顺序
2 理解了背景图片的大小对body的影响
明天计划的事情:将任务5提交,接着了解bootstrap
今天遇到的困难及感悟:1 在使用relative定位护工头像时,我发现随着窗口的向上移动,头像会显示在
header的上面,然后我查资料才知道,原来是图片层叠顺序的问题,将header的z-index设为2,将护工头像设为1,总之就是
header一定要比头像的-index大,就可以实现header将头像隐藏了
2 在检测调试的时候,我发现窗口会有横向的滚动条,我当时我很意外,因为我将窗口已经设置了自适应
但是依然出了问题,然后我就开始排查,首先检查单位是否有违规不当的地方,然后发现都不影响。然后我就开始检查大小问题,首先从header开始
从上往下检查,后来发现是背景图像的margin多设置了5%,从而导致背景图片超出盒子,使得body的宽度增加,从而产生横向滚动条。
3 在对比任务要求时发现,要做到背景图像不失真,而我使用width100%,并不管用,恒容易导致图像随着页面的
拉伸而变得惨不忍睹,于是,我在csdn上面找到了cover,这个绝佳的属性。
评论