drop-down-Menü angezeigt werden muss über alles, aber es ist unter einem bestimmten div
Ich habe ein drop-down-Menü und es funktioniert perfekt auf alles außer IE6 & IE7.
Hier ist die CSS für das div wo es versteckt unter IE 6/7
#featured-programs-left img,
#featured-programs-right img{
overflow:auto;
border:0;
}
#featured-programs-left,
#featured-programs-right {
height:625px;
float:left;
overflow:auto;
clear:left;
clear:right;
width:100%;
}
#featured-programs-left div,
#featured-programs-right div {
overflow:auto;
clear:left;
clear:right;
width:352px;
height:345px;
}
#featured-programs-left {
float:left;
}
#featured-programs-right {
float:right;
}
Hier ist die jQuery (im source-code werden Sie sehen, mehrere div ' s innerhalb jeder Haupt-div (featured-Programme-Links & rechts) und das jQuery-verblasst jedes in-und aus in einer Schleife) zum anzeigen der mehreren Elemente (blendet die Elemente in die und aus) innerhalb der beiden Seiten des div (#featured-Programme-Links & #featured-Programme-rechts)
<script type="text/javascript">
$(document).ready(function() {
$('#featured-programs-left').cycle({
fx: 'fade',
speed: 'slow',
timeout: 15000,
next: '#next2',
prev: '#prev2'
});
});
$(document).ready(function() {
$('#featured-programs-right').cycle({
fx: 'fade',
speed: 'slow',
timeout: 21000,
next: '#next3',
prev: '#prev3'
});
});
</script>
Hier ist die CSS für den quicklinks (quicklinks ist das drop-down Menü von links)
#header-nav-top li#quicklinks a:link,
#header-nav-top li#quicklinks a:visited,
#header-nav-top li#quicklinks a:active {
padding-left: .9em;
background: transparent url('/site/images/quicklinks_bullet.gif') no-repeat 0em .5em;
}
#header-nav-top li#quicklinks.hover {
position: relative;
}
#header-nav-top li#quicklinks ul {
position: absolute;
display: none;
xleft: -9999em;
top: 14px;
width: 142px;
padding:5px 2px 5px 5px;
z-index: 90;
margin: 0px;
background-color: #00693E;
xborder: 1px solid #FDBE2F;
xborder-width: 0px 1px 1px;
}
#header-nav-top li#quicklinks:hover ul,
#header-nav-top li#quicklinks.hover ul {
left: 0px;
display: block;
}
#header-nav-top li#quicklinks ul li {
background: transparent none;
float: none;
margin: 0px 0px 0px;
line-height: 1.4em;
display: block;
border:1px solid #00693E;
}
#header-nav-top li#quicklinks ul li a:link,
#header-nav-top li#quicklinks ul li a:visited,
#header-nav-top li#quicklinks ul li a:active {
color: #fff;
display: block;
text-decoration: none;
background: transparent none;
}
#header-nav-top li#quicklinks ul li a:hover {
color: #C26B1A;
background: transparent url('/site/images/bullet_link.gif') no-repeat 0% 6px;
}
Was denken Sie, kann sein, wodurch es zu nicht der drop-down-Menü, über die Elemente, die in der featured-Programme-Links & featured-Programme-direkt im IE 6/7?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Haben Sie versucht, die Einstellung der z-index des Bildes, die derzeit verdecken Sie Ihre Menü, um, sagen wir, 0? Hast du einen "live" test-URL, die wir anschauen können? Alternativ, auf der Grundlage, dass der IE ist die Behandlung von z-index falsch, haben Sie die Spielräume, die der Positionierung der drop-down-Menü HTML, nachdem die anderen Elemente in der Seite, damit umgehen z-index?
EDIT: Ah, anscheinend gibt es einen bug. Diese link könnte erklären, wenn nicht wirklich helfen...
Zitat von MrTazz:
Also vielleicht versuchen, die Aktualisierung der drop-down-Menü, div irgendwie, kurz bevor die Seite angezeigt wird?
EDIT:
Aus Brad ' s Kommentar, kopiert hier für die Erbauung der zukünftigen Leser: "Dies hat mir geholfen, aus: http://webdemar.com/webdesign/superfish-jquery-menu-ie-z-index-bug/ ich #header einen z-index von 2, und #content, um ein z-index von 1." – Brad (vor 5 Stunden)
Also, um zusammenzufassen: es ist ein z-index bug im IE 6/7. Zu umgehen, explizit festgelegt, den z-index für das element(s) ist/sind, erscheinen vor Ihrem Menü auf einen niedrigen Wert (z.B. 1), und legen Sie den z-index für Ihr Menü container, um eine etwas höhere Zahl (z.B. 2).
Habe ich den #content z-index auf 1
und legen Sie die z-index des headers, wobei das Dropdown-navigation befindet sich im 2.