position: flex und position:relativ

Hallo, hab ein kleines Problem..

hab ein Navigationsbalken unter dem Header, wenn ich runter scrolle, nimmt der die Navigation mit, so sollte es sein.

Nun hab ich unten Bilder die mit der Position: relativ; versehen sind, die Navigation bleibt aber unter dem Bild..

Wie kann ich das anstellen das meine Navi über den Bildern gleitet...

@media  {
    nav.top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;

    }
    nav .topmenu {
        display: -ms-flexbox;
        display: flex; 
        -ms-flex-pack: justify;
        justify-content: space-between; 
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        
    }
 }

article img#topnews {
    position: relative;
    top: 35px;
    left: 25px;
}

Lg

Zitat von MrMurphy

Insgesamt wird "position: sticky" aber noch so gering unterstützt dass der Einsatz in der Praxis nicht sinnvoll erscheint.

Ist erstmal nur so für mich zum testen.. danke

hat funktioniert

lg