Позиционирование элемента

[oleg126]

Подскажите пожалуйста, как позиционировать элемент на всю видимую область окна браузера? Есть слайдер, в котором крутятся картинки, и есть скрипт, благодаря которому картинка увеличивается, но не могу понять относительно какого элемента он позиционируется.

<div class="sl_slider">
				<div class="sl_img">
					<img class="image" src="img/001-1.jpg" alt="001-1">
				</div>
				<div class="sl_img">
					<img class="image" src="img/002-2.jpg" alt="002-2.jpg">
				</div>
				<div class="sl_img">
					<img class="image" src="img/001-1.jpg" alt="001-1">
				</div>
				<div class="sl_img">
					<img class="image" src="img/002-2.jpg" alt="002-2.jpg">
				</div>
				<div class="sl_img">
					<img class="image" src="img/001-1.jpg" alt="001-1">
				</div>
				<div class="sl_img">
					<img class="image" src="img/002-2.jpg" alt="002-2.jpg">
				</div>
			</div>

.popup {
	position: absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	display:none;
	text-align:center;
}

.popup_bg {
	background:rgba(0,0,0,0.4);
	position:absolute;
	z-index:1;
	height:100%;
	width:100%;
}


.popup_img {
	position: relative;
	margin:0 auto;
	z-index:2;
	max-height:94%;
	max-width:94%;
	margin:1% 0 0 0;
}

В классе popub выводится и позиционируется изображение, но как можно прописать его позиционирование на видимую обасть браузера?

Решил 

position: fixed; 

у классов .popub_bg и .popub_img и margin выровнять как нужно. Может кому пригодится. 

Edited July 30, 2020 by oleg126