当内容滚动经过视口时，CSS背景不可见

，这通常是通过CSS中的背景固定属性来实现的。背景固定属性是指将背景图片固定在元素的位置，而不会随着内容的滚动而滚动。具体实现方法如下：

1. 首先，为需要应用背景固定效果的元素添加一个自定义的CSS类，例如"fixed-background"。
2. 在CSS中，使用以下代码为该类添加背景固定属性：

.fixed-background {
    background-image: url('background-image.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

其中，'background-image.jpg'是你想要设置为背景的图片路径。这段代码将背景图片固定在元素的位置，不会随着内容的滚动而移动。

1. 在HTML中，将该自定义类应用于需要实现背景固定效果的元素，例如：

<div class="fixed-background">...</div>

这样，当内容滚动经过该元素时，背景图片将保持固定不动，不可见区域的内容会滑动覆盖在背景上。

背景固定属性的应用场景包括但不限于网页头部、滚动图像、产品展示等需要突出背景效果的地方。

腾讯云相关产品中，可以使用云函数（SCF）和云存储（COS）来实现背景固定效果。云函数可以用来处理网页滚动事件，动态添加或移除背景固定类，而云存储则用于存储背景图片。具体产品介绍和使用方法可参考以下链接：

• 云函数（SCF）：腾讯云函数（SCF）
• 云存储（COS）：腾讯云对象存储（COS）