@Vady85

Как сделать прямоугольную дырку в диве?

Здравствуйте! Есть див, который перекрывает всё содержимое сайта полупрозрачным черным цветом. Как сделать прямоугольное "окно" в диве, если известны top, left, right, bottom? Т.е. чтобы содержимое сайта в "окне" отображалось естественным цветом.
Вот сам див:
<style>
div.tutor {
	position:fixed;
	z-index:500;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#000;
	opacity:0.7;

}	
	</style>
  • Вопрос задан
  • 316 просмотров
Решения вопроса 4
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
Вот варик пришел на ум ;)
Ответ написан
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Только 4-мя областями (напр., дивами) по периметру: 2 продольных (сверху и снизу) и 2 поперечных (слева и справа).
Ответ написан
Aetae
@Aetae
Тлен
Можно clip-path, можно filter(matrix преобразующий альфу для конкретного цвета), можно mix-blend-mode.
Можно не вырезать дырку, а просто сделать div с очень большой полупрозрачной тенью, border или outline...
Можно использовать несколько background-image.
Ну или тупо 4 блока, как предложил xmoonlight .
Ответ написан
LenovoId
@LenovoId
I want, women not to get sick
Это примерно так ...надо иметь в разметке блок который будет рядом с блоком который может иметь на него влияние либо вызывать событие mousemove на javascript

Ну и разумеется что z-index (любое позиционирование кроме static )который отобразит блок выше чем тот самый overlay

На css это делается так:

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы