Сообщение от Deff
|
Anshag,
Зафиксировать минимальную ширину body
body {
min-width: 900px;
}
убить скроллинг по x при величине экрана более минимально просматриваемой части сайта (типично 700-900px по ширине)
@media screen and (min-width: 900px) {
html,body {overflow-x:hidden;}
}
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>background-position</title>
<style>
body {
min-width: 900px;
@media screen and (min-width: 900px) {
html,body {overflow-x:hidden;}
background-size: 525px 454px;
background-image: url(http://i11.pixs.ru/storage/7/0/6/1jpg_9307135_18404706.jpg), url(http://i11.pixs.ru:/storage/5/5/0/3jpg_8983606_18414550.jpg), url(http://i11.pixs.ru:/storage/5/5/2/4jpg_1010472_18414552.jpg), url(http://i11.pixs.ru/storage/7/0/0/2jpg_9967660_18404700.jpg);
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-position: 0px 105px , 100% 1205px, 0px 1205px , 100% 105px ;
}
</style>
</head>
<body>
<div style="height:50px">
</div>
</body>
</html>
Фон пропал вовсе)