rtz87 Ответов: 1

Полупрозрачный див скрывается фиксированный див вверх прокрутка

как сделать, чтобы полу-непрозрачный див поверх фиксированный див вверх прокрутка
<head>
	
		<style type="text/css">
			#navigation {position: fixed;background-color: green;width: 100%;height: 80px;}
			#d1 {background-color: pink;width: 80%;height:600px; }
			#d2 {background-color: yellow;width: 80%;height: 600px;opacity: 0.9;}
			
		</style>
	</head>
	
	<body>
	
	<div id="navigation">
	<h3>NAVIGATION MENU AREA</h3>
	</div>
	<div id="d1">
	<br>
	<br>
	<br>
	<br>
	
	<h3>OPAQUE DIV</h3>	</div>
	<div id="d2"><h3>SEMI-OPAQUE DIV</h3> </div>
	
	</body>

я хочу,чтобы полупрозрачный div скрывался под фиксированным div точно так же, как непрозрачный div, при прокрутке страницы.

Что я уже пробовал:

я устал искать в google, но не смог найти никаких источников, описывающих подобные проблемы.

1 Ответов

Рейтинг:
1

Richard Deeming

Добавь z-index:1 к #navigation стиль:

#navigation {
    position: fixed;
    background-color: green;
    width: 100%;
    height: 80px; 
    z-index: 1;
}

Демонстрация[^]
То, Что Вам Никто Не Говорил О Z-Индексе — Филип Уолтон[^]