css - 狮子滚动条颜色

Question

Lion 中的滚动条似乎基于 HTML 的背景颜色（较浅的颜色 BG = 黑色滚动条，较深的 BG = 白色）。

我遇到的问题是（我假设）是关于页脚的常见技巧。我通常将我的 HTML 元素的背景颜色设置为页脚的颜色，这样如果页面比浏览器窗口短，页脚就会继续显示（因为 BODY 元素结束，然后 HTML 元素显示直到结束页）。但是，这样做会使滚动条基于页脚的颜色，而不是内容区域的颜色。

当页面比窗口短时，是否有任何其他技巧可以使页脚继续，或者无论如何强制狮子滚动条的颜色（ick）？

score 5 · Accepted Answer

我只是遇到了同样的问题，但这似乎解决了它。虽然我还没有用其他浏览器彻底测试过它。这是我修复它的方法。

html {
  background: #151515;
}
body {
  background: #FFF;
}

我将要填充页面其余部分的背景颜色设置为 html 背景颜色，并将正文背景颜色设置为白色以欺骗 Safari 渲染深灰色滚动条。希望这可以帮助！

score 0 · Accepted Answer

我可能会建议使用粘性页脚技术。这会将页脚粘贴到底部，并允许您同时更改背景颜色。

或者，如果您不希望您的页脚粘在底部，您可以创建一个具有 100% 窗口高度的容器（有很多可能实现这一点）并将背景颜色应用于容器以及与 html 不同的背景颜色

2 回答 2