Я строю сайт с фоновым изображением внизу. По сути, это должен быть липкий нижний колонтитул, в котором он располагается внизу области просмотра, если содержимое страницы короткое, но будет опускаться ниже дна области просмотра, если содержимое длиннее. Это можно сделать без проблем, однако я хочу, чтобы содержимое могло перекрывать изображение нижнего колонтитула до определенной точки. Так, если изображение нижнего колонтитула имеет высоту 100px, например (и содержимое достаточно длинное), я бы хотел, чтобы нижний колонтитул был прикреплен к нижней части области просмотра, а содержимое перекрывало его на 80px (оставляя зазор 20px внизу). Если содержимое длиннее, чем это, то нижний колонтитул должен сместиться вниз под дном окна просмотра, чтобы между нижней частью содержимого и концом нижнего колонтитула оставалось пространство в 20 пикселей. Я, вероятно, глуп, но я не могу понять, как это сделать, и был бы очень признателен, если бы кто-то мог указать мне правильное направление?
Большое спасибо!
Dave