• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Javascript Slideshow - Opacity wirkt auch für Dropdown Menü

D

Donskelle

Guest
Moin,

habe eine Typo3 Homepage erstellt. Jetzt fällt mir auf den letzten Blick auf, dass das Dropdownmenü mit vom Javascript erwischt wird, sobald das nächste Bild geladen wird.
Also der Teil vom Dropdown Menü der auf der Slideshow liegt, wird langsam unsichtbar bis das nächste Bild erscheint. Dann springt es wieder in ganz normal in den Vordergrund.

Habe z-index und position:relative probiert, hat aber leider auch nichts geholfen.
Hier der Aufbau:
Code:
<div id="menua"><!-- ###MAINNAVI### begin -->MENU LV1<!-- ###MAINNAVI### end -->
</div>
<div id="content">
         <div id="left"><!-- ###CONTENT### begin -->INHALT<!-- ###CONTENT### end -->
         </div>
         <div id="right"><!-- ###CONTENT_RIGHT### begin -->INHALT<!-- ###CONTENT_RIGHT### end -->
         </div>
</div>
CSS
Code:
#menua {
    text-align:left;
    margin-top:13px;
    height: 33px;
    border-bottom:4px solid #f99e1c;
    left: 0px;
    z-index:2000!important;
    opacity: 1!important;
}
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul {
    position: relative;
    opacity: 1!important;
    z-index:2000!important;
    visibility: visible!important;
}
#left {
    margin-top:15px;
    width: 350px;
    float: left;
    min-height: 350px;
    display: block;
    z-index:-100;
}

Bitte um Hilfe
 
Willkommen im Forum.

Dazu lässt sich mit den gegebenen Informationen vermutlich nichts sagen. Aber wenn es sich um einen Fehler in einer bestimmten Typo3-Komponente handelt, frage doch den Hersteller oder zumindest einen speziellen Typo3-Support. Die sind da sicherlich die geeigneteren Ansprechpartner.
 
Zurück
Oben