嘿伙计们，我的网页上有一个整齐的下拉菜单和flash文件。现在，当我将鼠标悬停在菜单上时，它会展开。闪存背后......问题仅出现在IE 7中
这是我的代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" href="reset.css" type="text/css" />
<link rel="stylesheet" href="stijl.css" type="text/css" />
<title>The dons customs</title>
<script src="AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
<!--[if lte IE 8]>
<style type="text/css">
#menu_cont ul li ul { display: block; margin: 15px 0 0 -40px; }
</style>
<![endif]-->
</head>
<body>
<div id="everything">
<div id="bar"></div>
<div id="container">
<div id="head"><img src="images/head.jpg" alt="The dons customs header" /></div>
<div id="menu">
<div id="menu_links"><img src="images/menu_links.png" alt="Menu links" /></div>
<div id="menu-container">
<div id="menu_cont">
<ul id="nav">
<li><a href="#">Button</a></li>
<li><a href="#">Button</a>
<ul>
<li><a href="#">item 1</a></li>
<li class="cross"><a href="#">item 2</a></li>
<li class="last"><a href="#">item 3</a></li>
</ul>
</li>
<li><a href="#">Button</a></li><li><a href="#">Button</a></li>
<li><a href="#">Button</a></li><li><a href="#">Button</a></li>
</ul>
</div>
</div>
<div id="menu_rechts"><img src="images/menu_rechts.png" alt="Menu rechts" /></div>
</div>
<div id="main">
<div id="links">
<div id="flashcontent">
<script type="text/javascript">
AC_FL_RunContent(
'codebase',
'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0',
'width','100%',
'height','190',
'src', 'lowrider',
'quality','high',
'pluginspage','http://www.macromedia.com/go/getflashplayer',
'movie','lowrider',
'wmode','opaque'); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/ flash/swflash.cab#version=7,0,19,0" width="100%" height="190">
<param name="movie" value="lowrider.swf" />
<param name="WMode" value="Transparent" />
<param name="quality" value="high" />
<embed src="lowrider.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100%" height="190" wmode="transparent"></embed>
</object>
</noscript>
</div>
<div class="button">
<p>Bedrijfsinformatie</p>
</div>
<div class="info">
<p class="informatie">
<strong>Cms name</strong>
<br /><br />
Contact persoon: Directeur Kuiper<br />
Adres: Rijksweg 100 <br />
Postcode/Plaats: 3453 AA Amsterdam<br />
Telefoon: 06 123412341<br />
<br />
KVK nummer: 012343124 <br />
BTW: NL 738593843B01
</p>
</div>
</div>
<div id="midden">
<div id="lijnboven">
<div id="lijnonder">
<div id="lijnlinks">
<div id="lijnrechts">
<div id="hoeklinksboven">
<div id="hoekrechtsboven">
<div id="hoekrechtsonder">
<div id="hoeklinksonder">
<div id="content">
<h1>Home</h1>
<br />
<p><img src="images/banner.jpg" alt="Banner auto's" /></p>
<p><br /></p>
<p class="text">Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. </p>
<p class="text">Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.</p>
<p class="text">Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac placerat dolor lectus quis orci. Phasellus consectetuer vestibulum elit. Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Vestibulum fringilla pede sit amet augue. In turpis. Pellentesque posuere. Praesent turpis.</p>
<br />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<p>© <strong>The Don's Customs</strong> | Alle rechten voorbehouden | Algemene voorwaarden</p>
</div>
</div>
</body>
</html>
我添加了wmmode，但它似乎没有帮助...
答案 0 :(得分：3)
我可能会使用不同的嵌入方法，也许它没有在ie7中正确传递wmode？我试试swfobject：http://code.google.com/p/swfobject/。 wmode应该可以工作。
另外，只是注意到您的对象标记中的资格化非常奇怪：您有：
<param name="WMode" value="Transparent" />
尝试将其更改为
<param name="wmode" value="opaque" />
（如果你不想使用swfobject ......我建议你尝试一下，至少没有很多地方可以指定wmode;）
答案 1 :(得分：0)
尝试更改此行：
'wmode','opaque'); //end AC code
到
'wmode','transparent'); //end AC code
答案 2 :(得分：0)
你有两种不同的wmodes：
'wmode','opaque'); //end AC code
<embed src="lowrider.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100%" height="190" wmode="transparent"></embed>
选择您应该使用的任何一个。我觉得不透明。
答案 3 :(得分：0)
这种问题还有另一种伎俩，我认为这不是最好但最快的。如果不是那么重要，您可以在触发下拉菜单时隐藏Flash内容。
希望它有所帮助，
思南。
答案 4 :(得分：0)
将wmode设置为不透明或透明，无关紧要。然后给#menu一个比#main更高的z-index。确保#menu和#main都设置了位置（相对，绝对或静态）以使z-index工作。
答案 5 :(得分：-1)
对于这个下拉菜单，您可以尝试位置：相对于主要的ul，li，其中下拉菜单ul即将到来＆amp;在下拉菜单中增加锚标签的z-index。
你的下拉列表应该有“position：absolute”，然后增加它真正起作用的z-index
GM TC：）