Фоновое изображение нижнего колонтитула - вся ширина страницы?

Question

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

Если я хочу, чтобы он всегда занимал всю ширину страницы, возможно ли это без повторения фона? Или из-за разных размеров монитора это будет невозможно?

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

Это может быть фон (расположен снизу в центре), но он не может занимать всю высоту, только ширину. И это должно быть в состоянии быть нажатым (не зафиксировано)

Answer 1

Вы можете найти одну из этих статей поучительно:

Фоновое изображение полной страницы

Изменение размера фонового изображения

Answer 2

Если вам удобно использовать CSS3, вы можете использовать

background: #fff url(image.jpg) center center fixed no-repeat;
background-size:cover;

чтобы изображение покрывало экран. Вы должны быть осторожны с тем, чтобы это было хотя бы приличное разрешение.