Счастливые пользователи Firefox наверняка не смогли не заметить новый эффект, который я прикрутил к блогу - “исчезающий в тумане” низ страницы. Делается это просто:

Создаем div с id=”bottom_fade” с фиксированной позицией bottom: 0% и высоким Z-Index.
Создаем градиентый png файл. Прописываем в CSS:

#bottom_fade {
        width: 100%;
        height: 200px;
        z-index: 99;
        position: fixed;
        bottom: 0%;
        background-image: url("bottom-fade.png");
}

и всё

Осталось разобраться, почему несчастливые обладатели IE не видят этот эффект.

Исходники здесь.

Оригинал: css-tricks.com

Популярность: 15%