Как сделать блок который в одном месте прозрачен?

Question

[Max Shteklya]

Есть полупрозрачный блок. Как сделать небольшой блок размером 23% и высотой 40px полностю прозрачным на этом же блоке (указать на что то)

.tour{
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: rgba(0,0,0,0.7);
	opacity: 0.7;
	z-index: 5;
}
<div class='tour'></div>

Answer 1

[Александр Филиппенко]

Через набор бэкграундов, и скорее всего linear-gradient.
Но возможно проще будет убрать фон вообще, а подобрать внутреннюю тень. box-shadow: inset ...

Answer 2

[Сергей Савостин]

Как-то так: codepen.io/savostin/pen/xEaomk
Только размеры придется вычислять - на чистом css не сделать, javascript придется подключить.