не понимаю почему псевдоэлимент при любом значении z-index получается по слоям выше чем сам элимент
figure
и figcaption
. width:100vw;
height: 100vh;
background-size: 100% 100%
даст Вам заполнение картинкой всей площади блока. Разумеется, с нарушением пропорций, если у картинки и у окна браузера они не совпадают. но столкнулся с непредвиденной проблемкой...
не могли бы подсказать ресурсы про создание спрайтов
наложение фона поверх другого
Как лучше всего отверстать эту секцию? Я пробовал задать пустой див с border. и к подгонять картинки с div:before(background-image).
<body scroll="no" style="margin:0px;overflow:hidden" dir="ltr" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0" border="0">
<meta name="viewport" content="width=device-width, height=device-height">
var $menu = $(".menu");
var scrollbegin = $menu.height() + 45; // появление блока при прокрутке страницы на высоту самого блока плюс 45 точек
$(window).scroll(function(){
if ( $(this).scrollTop() > scrollbegin && $menu.hasClass("default") ){
$menu.removeClass("default").addClass("fixed");
} else if($(this).scrollTop() <= scrollbegin && $menu.hasClass("fixed")) {
$menu.removeClass("fixed").addClass("default");
}
});