发表于: 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,这个绝佳的属性。



返回列表 返回列表
评论

    分享到