Цвет прокрутки льва

Полосы прокрутки в Lion, по-видимому, основаны на цвете фона HTML (более светлый цвет BG = черные полосы прокрутки, более темный BG = белый).

Проблема, с которой я сталкиваюсь, - это то, что (я полагаю) - общий трюк в отношении нижних колонтитулов. Я обычно устанавливаю цвет фона для моего элемента HTML как цвет нижнего колонтитула, таким образом, если страница короче окна браузера, нижний колонтитул, по-видимому, продолжит работу (поскольку элемент BODY заканчивается, а затем элемент HTML - это то, что показывается до конца страницы). Однако это оставляет полосу прокрутки на основе цвета нижнего колонтитула, а не цвета области содержимого.

Есть ли какие-либо другие трюки для того, чтобы нижние колонтитулы продолжались, когда страница короче окна, или, во всяком случае, чтобы заставить цвет полос прокрутки Lion (ick)?

Ответ 1

У меня была одна и та же проблема, но это, похоже, решило ее. Хотя я еще не проверил его с другими браузерами. Вот как я его исправил.

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

Я установил цвет фона, который хотел заполнить остальную часть страницы, как цвет фона html, и установить цвет фона фона на белый, чтобы обмануть Safari, чтобы отобразить темно-серый полоса прокрутки. Надеюсь, это поможет!

Ответ 2

Я бы посоветовал использовать липкую технологию нижнего колонтитула. Это приведет к тому, что нижний колонтитул снизу и позволит вам изменить фоновый цвет в одно и то же время.

Или, если вы не хотите, чтобы нижний колонтитул придерживался нижней части, вы можете создать контейнер со 100% высотой окна (есть много возможностей для достижения этого) и применить фоновый цвет в контейнер и другой фоновый цвет в html