Я пишу код, используя HTML и CSS для своего веб-сайта, и я пытаюсь сделать так, чтобы фон за панелью навигации был полупрозрачным, но мне не нужна вся навигация / текст должен быть прозрачным.
Веб-сайт имеет черный фон, а весь текст белый, и это страница с одной прокруткой. Идея состоит в том, что, когда пользователь перемещается по сайту, панель навигации будет иметь полупрозрачную черную полосу позади нее, чтобы панель навигации не терялась, когда пользователь прокручивает ее по белому изображению / другому белому тексту (так как текст навигации тоже белый). Я знаю, как изменить прозрачность всей панели навигации, но есть ли способ просто изменить прозрачность фона навигации?
В настоящее время я пробовал установить цвет фона на черный, а затем установить непрозрачность свойство до 0,5, но это в конечном итоге влияет на всю панель навигации, а не только на фон. Я также попытался добавить класс в навигацию и добавить свойства фона к классу, но с тем же результатом.
nav {
overflow: hidden;
position: fixed;
background-color: black;
top: 0;
width: 100%;
z-index: 9999;
}