Wie zu beheben meine Navigationsleiste oben auf der Seite
Ich Frage mich, wenn jemand könnte mir helfen, fix meine den oberen Teil meiner Webseite zu bleiben.
Ich habe versucht mit position:fixed-Attribut, aber das behindert alles, als dann mein Inhalt überschneidet sich mit der fixierten divs.
Meine website ist hier:
www.crookedcartoon.co.uk/print.html
Ich würde gerne alles über der navbar navbar enthalten, zu bleiben geklebt, um den oberen Rand der Seite und die Inhalte zu scrollen, unter es.
Erkenne ich dies kann bedeuten, dass ich ändern müssen, sind die meisten meiner Bilder in jpg statt png. Aber ich Frage mich, ob es trotzdem, um dieses? Wie in eine falsche Linie, dass der Inhalt scrollt unter, dann verschwindet, anstatt das erreichen der Spitze der Seite, wo Sie werden sehen, dass es durch die transparenten Bereiche der PNG-Bilder. Ich will nicht, um ein iframe-Element, wirklich, es sei denn, dies ist der einzige Weg.
Dank!
- Sollte der code nicht auf einer externen Website, der code sollte hier sein. Wenn Sie auch zu zählen screenshots, es zu tun, sondern nur die Verknüpfung zu einer Website Dritter macht es so wir haben nie eine "point-in-time" - Ansicht des Codes, die unerlässlich für das finden und beheben von Problemen für zukünftige Besucher.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Einer
iframe
ist sicherlich nicht die richtige Wahl hier. Legen Sie ein div um die Sachen, die Sie haben wollen, auf der Oberseite, setzenposition: fixed
auf es und positionieren Sie es an der oberen linken Ecke.Danach fügen Sie einige
margin-top
auf#content-holder
entspricht der Höhe der.ontop
. Dies ist notwendig, da es aus dem document flow (wegenposition: fixed
) und die Inhalte gehen unter.Wenn Sie auch hinzufügen
background-color: white
zu.ontop
Ihre Transparenz Probleme werden verschwunden sein.Versucht zu replizieren und Ihre Einrichtung hier ist ein arbeiten demo.
background-color: white
auf die.ontop
div :). Und entfernen der standardmäßigenmargin
aufbody
.z-index: 10
auf.ontop
hilft.können Sie versuchen, diese
bitte aktualisieren Sie unter css habe ich aktualisiert das Bild, indem Sie das Teil an der Unterseite durchsichtig,so dass die Oberseite hintergrund weiß. [1 - BILD HERUNTERLADEN UND CHECK IT]
]
Eins
ontop
um etwas anderes :).