Css 闪存上的IE7下拉菜单-边框将鼠标发送到闪存_Css_Flash_Internet Explorer 7_Drop Down Menu

Css 闪存上的IE7下拉菜单-边框将鼠标发送到闪存

css flash drop-down-menu

Css 闪存上的IE7下拉菜单-边框将鼠标发送到闪存,css,flash,internet-explorer-7,drop-down-menu,Css,Flash,Internet Explorer 7,Drop Down Menu,编辑：tl；博士：在ie7中，css dropmenu元素边框将鼠标焦点转移到下拉位下方的flash对象。帮助。嗨。我正在尝试创建一个css下拉菜单，它显示在flash对象上。该菜单是使用ul>li>a层次结构创建的，“a”标记有边框。我遇到的问题是，在IE7中，当鼠标经过“a”标记的边界时，鼠标悬停事件被发送到下面的flash对象，鼠标悬停事件被发送到菜单。当鼠标向下移动菜单时，这会导致菜单消失我发现但不确定如何实现垂直菜单的解决方案相关的代码示例（我意识到这其中很多都是一团乱麻，但

编辑：tl；博士：在ie7中，css dropmenu元素边框将鼠标焦点转移到下拉位下方的flash对象。帮助。

嗨。我正在尝试创建一个css下拉菜单，它显示在flash对象上。该菜单是使用ul>li>a层次结构创建的，“a”标记有边框。我遇到的问题是，在IE7中，当鼠标经过“a”标记的边界时，鼠标悬停事件被发送到下面的flash对象，鼠标悬停事件被发送到菜单。当鼠标向下移动菜单时，这会导致菜单消失

我发现但不确定如何实现垂直菜单的解决方案

相关的代码示例（我意识到这其中很多都是一团乱麻，但我大部分都是从设计师那里得到的，我无法花时间将其改写为稍微少一点……呃：p）

css:

 d.menu-td:hover ul.submenu, td.iehover ul.submenu, ul.submenu li:hover, ul.submenu li a:hover,
td.hmenu-td:hover ul.submenu, td.iehover ul.submenu li, td.iehover ul.submenu li a{
 display:block;
} 
ul.submenu li{
 border-top: 2px solid #000;
 display: block;
}
ul.submenu li a:link, ul.submenu li a:visited{
 font-size: 12px;
 padding: 2px;
 display: block;
 background-color: #277aab;
 height: 34px;
 color: #93bdd5;
}
ul.submenu li a:hover, ul.submenu li a:active{
 background-color: #319edf;
 color: #1f628d;
}

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="990" height="280" id="header" align="middle" onmouseover="alert('111');">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="./upload/<?=$page_flash?>" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<embed src="./upload/<?=$page_flash?>" quality="high" wmode="transparent" width="990" height="280" name="header" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

<td align="center" class="menu-td">
   <a href="index.php?p=2" class="menu">סניפים</a>
      <div style="position:relative;left:35px;">
         <ul class="submenu">
            <li>
               <a href="index.php?p=9" class="menu">link1</a>
            </li>
            <li>
               <a href="index.php?p=10" class="menu">link2</a>
            </li>
            <li>
               <a href="index.php?p=11" class="menu">link3</a>
            </li>
            <li>
               <a href="index.php?p=12" class="menu">link4</a>
            </li>
            <li>
               <a href="index.php?p=13" class="menu">link5</a>
            </li>
            <li>
               <a href="index.php?p=14" class="menu">link6</a>
            </li>
         </ul>
      </div>
  </td>

 <!--[if gte IE 5.5]>
  <script language="JavaScript" type="text/javascript">
   jQuery(document).ready(function(){
     jQuery("td.menu-td, td.hmenu-td").hover(
    function() { jQuery(this).addClass("iehover"); },
    function() { jQuery(this).removeClass("iehover"); }
     );
   });
  </script>
 <![endif]-->

html:

 d.menu-td:hover ul.submenu, td.iehover ul.submenu, ul.submenu li:hover, ul.submenu li a:hover,
td.hmenu-td:hover ul.submenu, td.iehover ul.submenu li, td.iehover ul.submenu li a{
 display:block;
} 
ul.submenu li{
 border-top: 2px solid #000;
 display: block;
}
ul.submenu li a:link, ul.submenu li a:visited{
 font-size: 12px;
 padding: 2px;
 display: block;
 background-color: #277aab;
 height: 34px;
 color: #93bdd5;
}
ul.submenu li a:hover, ul.submenu li a:active{
 background-color: #319edf;
 color: #1f628d;
}

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="990" height="280" id="header" align="middle" onmouseover="alert('111');">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="./upload/<?=$page_flash?>" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<embed src="./upload/<?=$page_flash?>" quality="high" wmode="transparent" width="990" height="280" name="header" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

<td align="center" class="menu-td">
   <a href="index.php?p=2" class="menu">סניפים</a>
      <div style="position:relative;left:35px;">
         <ul class="submenu">
            <li>
               <a href="index.php?p=9" class="menu">link1</a>
            </li>
            <li>
               <a href="index.php?p=10" class="menu">link2</a>
            </li>
            <li>
               <a href="index.php?p=11" class="menu">link3</a>
            </li>
            <li>
               <a href="index.php?p=12" class="menu">link4</a>
            </li>
            <li>
               <a href="index.php?p=13" class="menu">link5</a>
            </li>
            <li>
               <a href="index.php?p=14" class="menu">link6</a>
            </li>
         </ul>
      </div>
  </td>

 <!--[if gte IE 5.5]>
  <script language="JavaScript" type="text/javascript">
   jQuery(document).ready(function(){
     jQuery("td.menu-td, td.hmenu-td").hover(
    function() { jQuery(this).addClass("iehover"); },
    function() { jQuery(this).removeClass("iehover"); }
     );
   });
  </script>
 <![endif]-->

flash电影：

 d.menu-td:hover ul.submenu, td.iehover ul.submenu, ul.submenu li:hover, ul.submenu li a:hover,
td.hmenu-td:hover ul.submenu, td.iehover ul.submenu li, td.iehover ul.submenu li a{
 display:block;
} 
ul.submenu li{
 border-top: 2px solid #000;
 display: block;
}
ul.submenu li a:link, ul.submenu li a:visited{
 font-size: 12px;
 padding: 2px;
 display: block;
 background-color: #277aab;
 height: 34px;
 color: #93bdd5;
}
ul.submenu li a:hover, ul.submenu li a:active{
 background-color: #319edf;
 color: #1f628d;
}

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="990" height="280" id="header" align="middle" onmouseover="alert('111');">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="./upload/<?=$page_flash?>" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<embed src="./upload/<?=$page_flash?>" quality="high" wmode="transparent" width="990" height="280" name="header" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

<td align="center" class="menu-td">
   <a href="index.php?p=2" class="menu">סניפים</a>
      <div style="position:relative;left:35px;">
         <ul class="submenu">
            <li>
               <a href="index.php?p=9" class="menu">link1</a>
            </li>
            <li>
               <a href="index.php?p=10" class="menu">link2</a>
            </li>
            <li>
               <a href="index.php?p=11" class="menu">link3</a>
            </li>
            <li>
               <a href="index.php?p=12" class="menu">link4</a>
            </li>
            <li>
               <a href="index.php?p=13" class="menu">link5</a>
            </li>
            <li>
               <a href="index.php?p=14" class="menu">link6</a>
            </li>
         </ul>
      </div>
  </td>

 <!--[if gte IE 5.5]>
  <script language="JavaScript" type="text/javascript">
   jQuery(document).ready(function(){
     jQuery("td.menu-td, td.hmenu-td").hover(
    function() { jQuery(this).addClass("iehover"); },
    function() { jQuery(this).removeClass("iehover"); }
     );
   });
  </script>
 <![endif]-->


您需要做的是使您的闪光灯像这样透明。
您应该向子菜单添加任何背景色。基本上，如果项目没有背景，那么它对于鼠标事件也是“透明的”。
已经尝试过了。我改为“不透明”，因为我在其他地方看到了这个建议，但也不起作用。