1

大家好，我的网页中有一个简洁的下拉菜单和一个 flashfile。现在，当我将鼠标悬停在菜单上时，它会展开。它在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>&copy; <strong>The Don's Customs</strong> | Alle rechten voorbehouden | Algemene voorwaarden</p>
    </div>
</div>
</body>
</html>

我已经添加了 wmmode 但它似乎没有帮助......

4

6 回答 6

3

我可能会使用不同的嵌入方法，也许它没有在 ie7 中正确传递 wmode？我会尝试 swfobject: http://code.google.com/p/swfobject/。wmode 应该可以工作。

另外，刚刚注意到您的对象标签中的大写很奇怪：您有：

<param name="WMode" value="Transparent" />

尝试将其更改为

<param name="wmode" value="opaque" />

（如果你不喜欢使用 swfobject 那就是......我建议你尝试一下，至少没有那么多地方可以指定 wmode；））

于 2009-07-08T21:32:34.263 回答
0

尝试更改此行：

 'wmode','opaque'); //end AC code

到

'wmode','transparent'); //end AC code
于 2009-07-08T21:21:34.147 回答
0

您有两种不同的 wmode：

'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>

选择你应该使用的任何一个。我认为是不透明的。

于 2009-07-08T21:24:46.403 回答
0

对于此类问题还有另一个技巧，我相信这不是最好的但最快的。如果不是那么重要，您可以在触发下拉菜单时隐藏 Flash 内容。

希望能帮助到你，

思南。

于 2009-07-08T22:11:15.420 回答
0

将 wmode 设置为不透明或透明，没关系。然后给#menu 一个比#main 更高的z-index。确保 #menu 和 #main 都设置了任一位置（相对、绝对或静态）以启用 z-index。

于 2009-07-10T07:17:05.143 回答
-1

对于这个下拉菜单，您可以尝试位置：相对于主 ul，li 下拉菜单 ul 即将到来并增加下拉菜单中锚标签的 z-index。

你的下拉菜单应该有“位置：绝对”然后增加它真正有效的 z-index

通用技术委员会 :)

于 2011-05-10T05:36:41.020 回答