@muxxomor
Мельник

Почему не работает псевдоселектор :target?

Делаю модальное окно с css. Окно не вызывается по клику на кнопку. Сама кнопка нажимается, но при этом окна нет.
Код:
<a href="#go-video">Video tour</a>

<!---Popup for video tour-->
<div class="popup-overlay" id="go-video">
	<div class="popup-video">
		<a class="popup-close" href="index.html" onclick="return false">x</a>
		<iframe width="854" height="480" src="https://www.youtube.com/embed/ViZNgU-Yt-Y" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
	</div>
</div>


/*--------Popup for video tour--------*/
.popup-overlay {
	z-index: 1100;
	background-color: rgba(0,0,0,.85);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	pointer-events: none;
	display: none;
}

.popup-overlay:target {
	display: block;
	pointer-events: auto;
}

.popup-video {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 492px;
	width: 867px;	
}
  • Вопрос задан
  • 72 просмотра
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы