Lightbox wird hinter dem Menü angezeigt

war mal kurz auf deiner Seite

wp-content/themes/banzai/style.css (Zeile 3346)

.nav-menu li {
    float: left;
    font-size: 18px;
    height: 39px;
    line-height: 18px;
    position: relative;
    [COLOR="#FF0000"]z-index: 1200;[/COLOR]
}

wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/lightbox/static/fancybox/jquery.fancybox-1.3.4.css (Zeile 133)

#fancybox-left, #fancybox-right {
    background: url("blank.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    cursor: pointer;
    display: none;
    height: 100%;
    outline: medium none;
    position: absolute;
    width: 35%;
    [COLOR="#FF0000"]z-index: 1102;[/COLOR]
}

wie du sehen kannst ist der z-index der Navigation höher und liegt daher über den Bildern(FancyBox)

also entweder navi reduzieren oder box(sind aber mehr Werte, nicht nur der oben) erhöhen

1 ist aber zu niedrig für das Untermenü, da dies nun vom Breadcrumb verdeck wird
1050 müsste aber funktioniern

Selbiges Problem habe ich jetzt auch (http://www.nicolemueller.eu)
So richtig sicher bin ich mir jetzt aber nicht was geändert werden muss? Hab ein bisschen bedenken irgendwelche Fehler zu machen die mir am Ende vll. irgendwas zerschießen.

gleiches Problem gleiche Lösung, also z-index anpassen

.art-nav
{
   background: #363636;
   background: transparent;
   border-bottom:1px dotted transparent;
   position: absolute;
   margin: 0;
   top:     58px;
   width: 100%;
   [COLOR="#FF0000"]z-index: 100;[/COLOR]
}

wp-content/plugins/fancy-box/jquery.fancybox.css (Zeile 31)

div#fancy_outer {
    position: absolute;
    top: 0;
    left: 0;
    [COLOR="#FF0000"]z-index: 90;[/COLOR]
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

also statt 90 z.B. 110, da der Wert 110 dann höher ist als die 100 der nav

hiho zusammen

hab das problem auch. jedoch wurde hier bereits mit z-index gearbeitet und ich schaffe es nicht einen zustand zu schaffen, wo die navigation nicht überblendet. Was übersehe ich?

Link zur seite: http://goo.gl/bZqY3o

gruss zyclop

#fancybox-content {
    border: 0 solid #fff;
    height: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 0;
    z-index: [COLOR="#FF0000"]11102[/COLOR];
}

ul.sf-menu li:hover, ul.sf-menu li, ul.sf-menu li.sfhover {
    z-index: [COLOR="#FF0000"]99999[/COLOR];
}

das Element mit dem höheren Wert, überlagert das mit dem niedrigeren Wert

99.999 ist höher als 11.102 (Punkt bei der Tausender-Stelle zur Verdeutlichung)

super danke vielmals artofpic!!!