在swf顶部的分层下拉菜单

Question

我已经尝试了所有我知道的东西，让下拉菜单落在瑞士法郎面前。当鼠标悬停在导航栏上时，较低的元素向下移动以留下下拉空间而不是保持放置。我还尝试将subnav更改为position：absolute，但它然后放在标题的前面。我不想把它作为一个固定的位置，因为我希望稍后创建一个流畅的布局。任何帮助将不胜感激。

我的小提琴： http://jsfiddle.net/gmchkxvu/2/

HTML

<div id="navMenu" class="navbar"> <ul> <li><a href="https://refrigeratorleasing.com/default.htm">Home</a></li> <li><a href="#">Our Products</a> <ul class="subnav"> <li><a href="#">All Products</a></li> <li><a href="#">Availability per School</a></li> </ul> </li>
<li><a href="#">Rent or Buy</a> <ul class="subnav"> <li><a href="#">All Products</a></li> <li><a href="#">Availability per School</a></li> </ul> </li> <li><a href="#">Delivery Schedules</a></li> <li><a href="#">Update Info Form</a></li> </ul> </div> <div id="slideImage"> <object embed data="https://refrigeratorleasing.com/NewMicrofridge.swf" width="838" height="436" align="right"> <param name=”quality” value=”high”> <param name="wmode" value="transparent"> </object> </div> 的 CSS

<div id="navMenu" class="navbar"> <ul> <li><a href="https://refrigeratorleasing.com/default.htm">Home</a></li> <li><a href="#">Our Products</a> <ul class="subnav"> <li><a href="#">All Products</a></li> <li><a href="#">Availability per School</a></li> </ul> </li>
<li><a href="#">Rent or Buy</a> <ul class="subnav"> <li><a href="#">All Products</a></li> <li><a href="#">Availability per School</a></li> </ul> </li> <li><a href="#">Delivery Schedules</a></li> <li><a href="#">Update Info Form</a></li> </ul> </div> <div id="slideImage"> <object embed data="https://refrigeratorleasing.com/NewMicrofridge.swf" width="838" height="436" align="right"> <param name=”quality” value=”high”> <param name="wmode" value="transparent"> </object> </div>

我是设计新手，我非常感谢这样的网站。 谢谢！

Answer 1

尝试这种技巧：http://blog.slightlymore.co.uk/flash-and-the-z-index-problem-solved/

您需要更改为使用swf对象JS而不是嵌入对象，但这可能是您最近应该做的事情。