HTML视觉差—web篇

1.视觉差效果图：

 

 

 

---

解释：（能理解就不用看）

就是现在有两张图片，你给它放上网页中，然后给它们分别设置属性让（每张）能够覆盖整个屏幕，所以两张图片就占两个屏幕的大小，也就是需要滑动鼠标你才能看到第二张图片
现在我们想要让页面出现上图的效果：滑动的过程中上面图片由下到上逐渐被下面图片覆盖（可能说明不太清楚，动手实践下可能会清楚些）

---

2.正常情况下页面默认设置时background-attacthment默认属性是：scroll

想要出现视觉差，需要用到background-attacthment：fixed属性，让固定在页面。

下面是代码：

 

---

在上面的代码书写中我出现的问题：

1.设置背景颜色和图片时需要先设置盒子（box）的宽度和高度，不然页面不会显示背景，这里不知道为什么设置宽度和大小不能用百分比设置，我设置50%，但是页面没有反应，但是用px设置就可以

2.我想设置背景位置background-position：后面属性用auto行不通

以上问题暂时还难以理解，后面学的知识多了再回来解决。

---