1.视觉差效果图:
解释:(能理解就不用看)
就是现在有两张图片,你给它放上网页中,然后给它们分别设置属性让(每张)能够覆盖整个屏幕,所以两张图片就占两个屏幕的大小,也就是需要滑动鼠标你才能看到第二张图片
现在我们想要让页面出现上图的效果:滑动的过程中上面图片由下到上逐渐被下面图片覆盖(可能说明不太清楚,动手实践下可能会清楚些)
2.正常情况下页面默认设置时background-attacthment默认属性是:scroll
想要出现视觉差,需要用到background-attacthment:fixed属性,让固定在页面。
下面是代码:
在上面的代码书写中我出现的问题:
1.设置背景颜色和图片时需要先设置盒子(box)的宽度和高度,不然页面不会显示背景,这里不知道为什么设置宽度和大小不能用百分比设置,我设置50%,但是页面没有反应,但是用px设置就可以
2.我想设置背景位置background-position:后面属性用auto行不通
以上问题暂时还难以理解,后面学的知识多了再回来解决。