Панель навигации не применяет синий цвет фона свойства CSS с непрозрачностью 0,2. Что пошло не так? ⇐ Html

[Anonymous]

Код: Выделить всё

:root {
--primary: #2563eb;
--dark: #1e40af;
--orange: #f97316;
--bg-rgb: 10, 14, 63;
--text: #feffff;
--card: #f8f9fa;
}

/* Navbar */
.navbar {
position: static; /* scrolls with the page */
width: 100%;
display: flex;
align-items: center;
justify-content: center;

/* Transparent BLUE background */
background-color: rgba(var(--bg-rgb), 0.2); /* Blue with 0.2 opacity */

backdrop-filter: none; /* remove blur unless you want blur */

transition: transform 0.3s ease;
z-index: 10;
}

/* Hide navbar when scrolling down */
.navbar.hide {
transform: translateY(-100%);
}

.navbar .container {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}

.nav-link {
color: white;
}

Из приведенного выше CSS свойство фона находится в .navbar.
Страница не применяет свойства

синего цвета с непрозрачностью 0,2 к моей навигационной панели. Что-то не так в моем HTML или в CSS

Код: Выделить всё

[url=#home]
JD
JD (Mauritius) Trading Ltd
[/url]




[list]
[*][url=#home]Home[/url]
[*][url=#services]Services[/url]
[*][url=#about]About[/url]
[*]
JD
JD (Mauritius) Trading Ltd

[*][url=#testimonials]Testimonials[/url]
[*][url=#contact]Contact[/url]
[/list]

Выше представлена ​​HTML-страница. Я мог бы отправить вам весь код, но он слишком длинный.


Подробнее здесь: https://stackoverflow.com/questions/798 ... ith-0-2-op