IE7下拉菜單通過閃光 - 邊界發送鼠標懸停閃光

編輯：tl; dr：在ie7中，css dropmenu元素邊框將鼠標焦點放到下拉位下的閃光物體上。幫幫我。IE7下拉菜單通過閃光 - 邊界發送鼠標懸停閃光

嗨。我想創建一個出現在Flash對象上的css下拉菜單。該菜單是使用ul> li>層次結構創建的，「a」標籤具有邊框。我遇到的問題是，在IE7中，當鼠標經過「a」標籤的邊界時，鼠標懸停事件將發送到下面的Flash對象，並將鼠標懸停發送到菜單。當鼠標向下移動菜單時，這會導致菜單消失。

我發現this thread但我不知道如何實現垂直菜單的解決方案。

相關的示例代碼（我知道，這在很大程度上是一塌糊塗，但我得到這個最從設計師，不能花時間重寫它是略少...啊：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; 
}

HTML：

Flash影片：

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

一點JavaScript來幫助即識別懸停事件：

<!--[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]-->

實際頁面的鏈接： link text （違規菜單是pag頂部右側的第二個鏈接E）。

任何和所有的幫助，非常感謝。

來源

2010-11-21 user514998

你應該添加任何背景顏色到子菜單<ul>。基本上，如果項目沒有背景，那麼它對於鼠標事件也是「透明的」。

來源

2010-11-21 11:18:44 Grassator

解決了它。謝謝你。 – user514998 2010-11-21 11:31:59

你需要做的是讓你的閃光燈像this (point 6)一樣透明。

來源

2010-11-21 10:41:40 Marwelln

已經嘗試過。我改變了不透明的原因，因爲我在其他地方看到了這個建議，這也是行不通的。 – user514998 2010-11-21 10:52:59

IE7下拉菜單通過閃光 - 邊界發送鼠標懸停閃光

回答

相關問題