狮子滚动条颜色

时间:2011-07-20 13:05:19

标签: css macos scrollbars osx-lion

Lion中的滚动条似乎基于HTML的背景颜色(较浅的颜色BG =黑色滚动条,较暗的BG =白色)。

我遇到的问题是(我假设)是一个关于页脚的常见技巧。我通常将我的HTML元素的背景颜色设置为页脚的颜色,这样如果页面比页脚看起来继续的浏览器窗口短(因为BODY元素结束然后HTML元素显示直到结束)的页面)。但是,执行此操作会使滚动条基于页脚的颜色而不是内容区域的颜色。

当页面比窗口短时,还是有任何其他技巧可以让页脚继续,或者无论如何强制使用Lion的滚动条(ick)的颜色?

2 个答案:

答案 0 :(得分:5)

我遇到了同样的问题,但这似乎解决了这个问题。虽然我尚未对其他浏览器进行彻底的测试。以下是我修复它的方法。

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

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

答案 1 :(得分:0)

我可能会建议使用sticky footer technology。这会将页脚粘贴到底部,并允许您在同一时间更改背景颜色。

或者,如果你不希望你的页脚粘在底部,你可以创建一个容器,窗口高度为100%(有很多可能实现这一点)并应用背景颜色到容器和html的不同背景颜色