Przezroczystość i :hover

0

Witam, otoz (pisze bez polskich znakow prosze wybaczyc) mam pewien projekt strony i ustawilem u gory glowne menu z wlasciwoscia display:flex oraz :hover gdyz chcialem zeby ladnie podazalo za ekranem z kazdym ruchem scrolla i podswietlalo.

nr1.png

Pojawil sie problem ktorego nie wiem jak roziwazac, mianowicie moje menu jest przezroczyste a wlasciwosc hover dziala tylko gdy pasek jest na samej gorze ekranu, co robic? :(

nr2.png

EDIT: KOD ZRODLOWY

.glowne { 
width:100%;
height:50px;
font-size:20px;
box-shadow:1px 1px 2px 1px grey;
position:absolute;
text-align:center;
line-height:50px;
opacity: none;
background-color:white;
}

.glownem {
display:flex;
position:relative;
left:700px;
background-color:white;
}

.glownem > div {
height:50px;
width:100px;
}

.glownem > div:hover { 
background-color:#B50707;
color:white;
}

#logo {
color:#B50707;
font-size:1.5em;
position:absolute;
left:20px;
}
0

Dobra juz sam ogarnalem, dzieki za pomoc :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1