Die Navigationsleiste wendet nicht die CSS-Eigenschaft Hintergrundfarbe Blau mit einer Deckkraft von 0,2 an. Was ist sch ⇐ HTML

[Anonymous]

Code: Select all

: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;
}

Aus dem obigen CSS ist die Hintergrundeigenschaft bei .navbar.
Die Seite wendet die Eigenschaften nicht an

Blau mit einer Deckkraft von 0,2 auf meine Navigationsleiste. Stimmt etwas in meinem HTML nicht oder liegt es an CSS?

Code: Select all

[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]

Das Obige ist die HTML-Seite. Ich hätte dir den gesamten Code schicken können, aber er ist zu lang.