Problem mit position: fixed in Chrome & Safari

[matthias123]

Hallo,

Ich sitze gerade an einer One-Page Website, sowas wollte ich schon immer einmal ausprobieren. Leider funktioniert das ganze noch nicht ganz.

Die Navi sitzt ganz oben, und soll auch dort bleiben, deshalb: position: fixed. IE, Firefox, iPad, funktioniert es tadellos, aber Chrome und Safari geht die Navi mit!

Ich verwende auch ein eher aufwändiges Hintergrund-Video-Script, ich weiß nicht ob das daran liegt. Vielleicht kann sich das wer mal kurz anschauen:

marcporter.pirsh.at

Ahja und am iPad funktioniert es zwar, aber wenn man einen Menüpunkt anklickt und zu diesem Bereich gescrollt wird, sind die Navipunkte nicht mehr anklickbar!

Und nicht erschrecken, dass ist noch alles ziemlich im Rohbau

[plastiko]

Scheint mit dem negativen z-index für für .video-bg-mask zusammenzuhängen.

Wenn ich mit den Safari6 -Entwicklertools .video-bg-mask über #wrapper setze und z-index:-5; entferne, funktioniert es bei mir.

[matthias123]

Danke Dir!

Ich habe dem .video-bg-mask den z-index: 0 gegeben und allem anderen einen höheren! Jetzt funktioniert es!

Aber wenn ich jetzt einen Menüpunkt anklicke blitzt der der verlinkte Inhalt kurz auf bevor dann gescrollt wird! Ist das bei Dir auch so?

[plastiko]

Aber wenn ich jetzt einen Menüpunkt anklicke blitzt der der verlinkte Inhalt kurz auf bevor dann gescrollt wird! Ist das bei Dir auch so?

Nein,
jedenfalls nicht im ff 15.0.1, Opera 12.02, Safari 6.0. Jeweils unter OS X Mountain Lion.
Chrom habe ich mir nicht angesehen und habe diesen Browser auch nur auf Win7.