1) добавляем к документу дополнительные блоки (div.img), с абсолютным позиционированием.
2) берём отступ div.block от верхнего края браузера
3) получаем высоту блока div.block
4) значения из п.2,3 применяем к div.img, через css прикрепляем изображения к блоку, если их несколько, используем after/before, либо дополнительную разметку.
с помощью media queris:
подгонять отступы абсолютно позиционированных в зависимости от размеров окна браузера.
...
Ещё можно переверстать макет... тогда никаких заморочек с фоном не будет.
Пока только вот такое безобразие придумал:
$('rect:lt(9)')
.wrapAll('<g id="layer1"></g>');
$('rect:gt(8):lt(16)')
.wrapAll('<g id="layer2"></g>');
$('rect:gt(15):lt(20)')
.wrapAll('<g id="layer3"></g>');
Content Downloader - универсален. ☝
Спарсит и подготовит контент для публикации на сайт.
/templates/Doseng/assets/css/style.css
.post img {
min-width: N%;
}
Только у меня, по ссылке ничего не открывает?
Забыли указать
content: ' ';
height: Npx;
nemartirosyan,
с помощью JS:
1) добавляем к документу дополнительные блоки (div.img), с абсолютным позиционированием.
2) берём отступ div.block от верхнего края браузера
3) получаем высоту блока div.block
4) значения из п.2,3 применяем к div.img, через css прикрепляем изображения к блоку, если их несколько, используем after/before, либо дополнительную разметку.
с помощью media queris:
подгонять отступы абсолютно позиционированных в зависимости от размеров окна браузера.
...
Ещё можно переверстать макет... тогда никаких заморочек с фоном не будет.
Пробуйте так:
Можно так попробывать:
HTML:
CSS:
#overflow {overflow: hidden;
}
.block {
position: relative;
}
.block:after {
content: ' ';
display: block;
height: 100%;
position: absolute;
top:0;
left: -999%;
right: -999%;
z-index: -1;
}
div#wrap - Ваш каркас в 1000px
div#overflow - Для обрезки фона (div.block:after ), но попробуйте сперва без него, применить правило к body.
div.block - Ваши фиксированные по ширине блоки.
Если псевдо-элемент не устраивает, то можно в div.block поместить дополнительный тэг и применить к нему те же правила, что и к :after.
Вот так вот:
position: absolute;
top: Npx;
left: auto;
right: Npx;
Настройки шрифта пробывали менять?