Не уверен, что вы подразумеваете под "разными слоями".
Вы имеете в виду, как флаги меняются с тусклых на яркие?Они просто используют фильтр непрозрачности css3
Примерно так:
.class{ filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
.class:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;
Если вы хотите изменить изображение при наведении на него, вы можете использовать фильтр css background-postion.
Допустим, у вас есть изображение шириной 20 пикселей и высотой 20 пикселей.В фотошопе удвойте высоту холста и поместите второе изображение над ним.Затем в css сделайте что-то вроде:
.class{ height:20px; width:20px; background:url('your/image.png'); background-position:0px 0px; }
.class:hover{ background-position:0px -20px; } //or 20px depending on what way you want to move your background image.
Все еще теперь уверены, что это отвечает на ваши вопросы.
В противном случае, «слои» - это просто div с установленными фоновыми изображениями.А потом дети div с набором разных изображений.