[jQuery] Superfish z-index
Since top navigation drop menus tend to need to go above other page content (usually in divs), it would be a good idea to alter your css to include a large z-index for the sub menu items so it works out of the box (particularly in regards to i.e.6).
[jQuery] Superfish Z-Index flash issue SAFARI Only
Using superfish on a site and getting drop down menus behind flash object (SWFObject dynamic embed) in Safari only. Works in all versions of IE 6-8, Firefox 3, Opera, Chrome. Only issue is Safari 4. Anybody ever run into this issue with Safari? Had the issue initially with multiple browsers and thought it was fixed after setting wmode etc. Have tried setting position relative and z-index to no avail. http://www.familystickers.com
[jQuery] Superfish z-index problem with googlemap in IE
Hi All I am using the superfish menu on a page that also has a google map on it. It work fine in FF but the menu will display below the google map in IE. I have already change the z-index:999 and position:absolute, but the result remains same for IE. Thanks in advance for your help
[jQuery] Superfish z-index issue
I'm having trouble resolving the z-index issue. I tried the solution at http://webdemar.com/webdesign/superfish-jquery-menu-ie-z-index-bug/ but it did not help. You can see the problem at http://www418.pair.com/cmitwex1/www.reedandpetals.com/index.php?option=com_igallery&view=gallery&Itemid=15 I've also tried changing z-index values of the gallery but so far nothing has worked. I'd be grateful for any help or suggestions!
[jQuery] superfish z-index problem
I am using the superfish menu on a page that also has a google map on
it. I have tried to change the z-index of different elements many
different ways. my current code looks like this:
http://www.w3.org/1999/xhtml";>
$(document).ready(function() {
$("ul.sf-menu").superfish({
animation: { height: 'show' }, // slide-down effect
without fade-in
delay: 1200 // 1.2 second delay on
mouseout
});
});
http://maps.google.com/maps?
file=api&v=2&key=ABQI59UKubRwwNbom4chV2XX5BT2yXp_ZAY8_ufC3CFXhHIE1NvwkxT-
CT66mJHBl663tMCNavyeNN3W9Q"
type="text/javascript">
//
window.onload = function() {
load();
}
window.unload = function() {
GUnload();
}
function open() {
var dddiv = document.getElementById('dd');
if (dddiv.style.display == 'none')
dddiv.style.display = 'inline';
else
dddiv.style.display = 'none';
return false;
}
Header
Home
ScrapBook
2004-2005 Season
Buddies
Clue
Glen Gary Ross
Lonestar
Perfect Wedding
Picnic
2007-2008 Season
Nunsensations
The Diary of Ann Frank
Location
No matter what I try I can't get the menu to display above the google
map in IE, works fine in FF. Thanks in advance for your help
[jQuery] superfish z-index issue
Good Morning, Friends. In two days, I'm scheduled to release a very large project that I've been working on, and in the process of error checking I noticed one very large malfunction. In most all browsers, the drop down menus are working perfectly, but it seems in Internet Explorer 7, the drop downs are slipping behind the heading picture. Could someone please have a look and help me figure out what to do to fix it? I figure it's something to do with the z-index. I tried adding a high z-index to the hover elements in the superfish.css and also tried adding a low z-index to my content div, but neither of these solutions has worked. Please helpe! While you're looking, keep in mind that I'm back there tinkering, so if pages are broken, that is why. If any other suggestions can be made on anything with the site, I would greatly appreciate any and all feedback that I could get about it. This is the largest site I've ever developed, and I want it to be SUPER stellar. Thanks so much! http://keytosavannah.dev.emarketsouth.com
[jQuery] superfish z-index problem with ie7
Hi,
I'm trying to put a superfish menu online, and i have issues with IE 6
and 7..
it's visible on this site :
http://www.voyagemotion.com/
but, it's in the members area.. so, i'll try to give the concerned code,
here..
i'm using jquery 1.2.3, hoverIntent, and then call superfish.. I've not
tried to add bgiframe, as i think it's only for IE6, and my problem is
also with IE7...
i've fixed the z-index of all the column that should be under to 1, but
it doesn't change anything.. the menu appears under the rest of the page..
here is my container definition :
#user_log
{
position:static;
float:right;
margin-right:15px;
margin-top:15px;
color:#646569;
width:150px;
text-align:center;
}
the html code :
Bienvenue Vince style="font-weight:normal;font-size:9px;">(href="/Mon-Carnet-de-Voyage/logout.php">Déconnexion)
Menu
Consulter mes
médias
Uploader des
médias
Editer mes
médias
Supprimer des
médias
Organiser mes
médias
href="/Mon-Carnet-de-Voyage/profil.php?height=400&width=700&TB_iframe=true&KeepThis=true"
class="thickbox">Editer mon profil
Retour à l'accueil
And my superfish.css
/* There is a version of this file commented in great detail for
educational purposes here:
*
http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css
*/
/*** ESSENTIAL STYLES ***/
.nav, .nav * {
margin:0;
padding:0;
list-style:none;
}
.nav {
line-height:1.0;
}
.nav ul {
position:absolute;
top:-999em;
width:150px;
height: 30px;
}
.nav ul li,
.nav a {
width: 100%;
}
.nav li {
float:left;
position:relative;
z-index:99;
}
.nav a {
display:block;
}
.nav li:hover ul,
ul.nav li.sfHover ul {
left:-1px;
top:2.5em;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
top:-999em;
}
.nav li li:hover ul,
ul.nav li li.sfHover ul {
left:150px;
top:-1px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
top: -999em;
}
/*** ORIGINAL SKIN ***/
.nav {
/*float:left;*/
margin:auto;
margin-bottom:1.5em;
width:150px;
height: 30px;
}
.nav li {
background:#FF;
background-image: url(/images/CSS/fd-menu0.gif);
border-left:1px solid #fff;
border-top:1px solid #CFDEFF;
width:150px;
}
.nav a {
color: #13a;
padding: .75em 0;
text-decoration:none;
text-indent: 5px;
}
.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
background:#e7e7e7;
background-image: url(/images/CSS/fd-menu.gif);
}
.nav li li {
background:#FF;
background-image: url(/images/CSS/fd-menu.gif);
}
.nav li li li {
background:#9AAEDB;
}
