背景图片:仅在分类列表视图中出现 repeat-y 问题

使用 Dax 的 代码(将 background-repeat 设置为 “repeat-y”),我在 Imgur 上上传了一张高分辨率的空白纸张图片,并在上传前将其缩放至 1920x1440。起初表现似乎正常,但“分类列表”视图除外,该视图既不缩放图片也不垂直重复。不过我注意到,在分类视图中缩小页面时,背景图片起初似乎会缩放,但在缩小到 75% 后也停止了缩放。

关于标题栏的问题,我完全相信无法修复。这点不必担心。说实话,我怀疑自己不会使用这个背景图片功能,但还是想指出这些问题。

编辑:帖子线程视图似乎表现正常,如下所示。颜色有些怪异,因为我目前仅是在测试其可行性(站点尚未上线)。如上所述,标题栏问题可能是我避免使用图片的主要原因(此外,在某些情况下文本的可读性也是个问题)。

1 个赞

猜测是因为该页面内容较短,导致 #main 未占满整个窗口高度。如果你添加 #main { height: 100vh; },背景是否能填满整个页面?你也可以将背景图像移到 HTML 标签上。

3 个赞

搞定啦!今天两次修复,非常感谢 TWICE!:grin:

关于行为说明:100vh 没有任何效果,而 1000vh 导致滚动条表现异常(会向下滚动到空白区域)。200vh 看起来滚动距离也过大,于是我以 10 为单位逐步调整。有趣的是,背景并未重复自身,导致底部的卡其色(正常)背景重新出现。这一现象一直持续到我调整到 140vh 为止。

1 个赞