Для бекграунда верхней панели (там где написано Jivosite) используется png с полу-прозрачностью, текст "Чат предоставлен" написан над этим бекграундом, а текст чата при прокрутке прячется под этим бекграундом. Кажется все, больше никаких особых фокусов.
Обманул.. на самом деле этот фокус делает вот этот код
.messages-div-blurred {
-webkit-filter: blur(5px);
filter: url(#blur-effect);
opacity: .45;
z-index: 1;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin-top: 30px;
}
Сверху еще ложиться блок с абсолютным позиционированием, высоты 30 пикселей, и фильтром blur..