要设置一个图片作为HTML5上滑背景不动，可以使用CSS的`position`属性将图片设置为固定定位，然后将`z-index`设置为0，这样图片就会停留在页面上不动。同时，还可以在HTML中给图片设置`border`和`border-image`等属性，以减少图片的透明度，降低其滑动的视觉效果。
下面是一个简单的示例：
在上面的代码中，我们设置了`.bg`元素的`position`属性为`fixed`，`z-index`属性为`0`，以及`border`属性为`1px solid #ccc`，`border-image`属性为`linear-gradient(to bottom, #f00, #00f), linear-gradient(to top, #f00, #00f)`。这样，图片就会停留在页面上不动，背景颜色也会随着上滑而逐渐变深。
要设置图片上滑时背景不动，可以使用CSS的背景固定定位属性。首先，为容器元素添加一个背景图片，然后使用`background-attachment: fixed;`属性来固定背景图像的位置。
这样，当用户滚动页面时，图片就会随着滚动而移动，而背景不会发生变化，创建了一种上滑时背景不动的效果。
同时，也可以调整其他CSS属性来改变背景图像的大小和位置，以适应不同的需求。这样的设置可以增加页面的视觉效果，并且使用户体验更加流畅和精致。
在HTML5中，可以使用CSS来设置图片上滑时背景不动。首先，将图片作为背景设置给一个元素，例如一个div。然后，使用CSS的background-attachment属性将背景固定，即设置为"fixed"。这样，当滑动页面时，背景图片将保持不动，而内容会滑动。可以通过以下代码实现：
height: 100vh; /* 设置容器高度，使其占满整个视口 */
这样设置后，当滑动页面时，背景图片将保持不动，而内容会滑动。