У меня есть большая картинка. Я хочу сделать её фоном. И именно через блок-div (не body).
Картинка не должна изменять свой размер (не должна масштабироваться).
Т.е. вот так.
Больше разрешение экрана или окно браузера - видим больше картинки.
Мой код такой
https://jsfiddle.net/L7xav0ew/8/<div class="image_background">
<div class="page_content">
Контент страницы
</div>
</div>
.image_background
{
position: fixed;
left:0px;
top:0px;
width:1920px;
height:1080px;
background-image:url(https://images.wallpaperscraft.ru/image/everest_gory_nebo_vershiny_96976_1920x1080.jpg);
background-repeat:no-repeat;
}
.page_content
{
position: fixed;
left:0px;
top:0px;
height:100vh;
width: 100vw;
}
Но, картинка как то масштабируется. Открыв её в ACDSee в 100% разрешении (или чем угодно), я вижу справа ту часть, которую не вижу при просмотре страницы.
Начертив линию на 1920 пикселе (мое разрешение по горизонтали) и 1600 пикселе, на странице я увижу только линию на 1600 пикселе причем рядом с краем экрана. Картинка явно увеличена.
Как расположить блок с картинкой?
