Липкий нижний колонтитул с прозрачным фоном

Question

Можно ли получить липкий нижний колонтитул с прозрачным фоном без фонового содержимого (.wrapper) под ним?

Я использую -> http://ryanfait.com/sticky-footer/layout.css

Answer 1

Это простой трюк CSS:

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
}

Положение: исправлено, фактически говорит, что содержимое не должно перемещаться при прокрутке. Когда позиция зафиксирована, нам нужно указать точную позицию, что делается снизу: 0.

JSFiddle

Однако содержимое будет идти под ним и видно с прозрачным фоном. Один из способов сделать константы невидимыми под ним - это обернуть содержимое в обертку с фиксированным положением, с верхом, слева, справа: 0 и снизу: "высота вашего нижнего колонтитула"