Можно ли как то зафиксировать минимальное расстояниями между картинками фона?
В зависимости от разрешения экрана, они разъезжаются и съезжаются. Тобишь, при любом разрешении картинки будут выравниваться по краям экрана, даже если они начинают наезжать друг на друга.
Нужно сделать так, что бы картинки не подвигались друг к другу ближе чем на 500px
И что бы в случае, когда разрешение монитора не позволяет отобразить две картинки и с минимальным отступом между ними, то картинки "уезжали" за края экрана.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>background-position</title>
<style>
body {
background-size: 525px 454px;
background-image: url([url]http://i11.pixs.ru/storage/7/0/6/1jpg_9307135_18404706.jpg[/url]), url([url]http://i11.pixs.ru:/storage/5/5/0/3jpg_8983606_18414550.jpg[/url]), url([url]http://i11.pixs.ru:/storage/5/5/2/4jpg_1010472_18414552.jpg[/url]), url([url]http://i11.pixs.ru/storage/7/0/0/2jpg_9967660_18404700.jpg);[/url]
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>
это код страницы.