我有一个简单的CSS下拉菜单,其中有一个iframe.当我将鼠标悬停在下拉菜单上时,菜单下降.但是当我的鼠标悬停在菜单中的iframe时,菜单就会返回.以下是我的代码的简化版本：
<div id="comments">
<a href="#" class="btn">View comments</a>
<div id="comment-wrap">
<iframe src="http://www.facebook.com/plugins/comments.PHP?..."></iframe>
</div>
</div>
<style type="text/css">
#comment-wrap{display:none;z-index:5;position:absolute;padding:10px;background-color:#fff;}
#comments:hover #comment-wrap{display:block;}
</style>
这适用于最新版本的FF,Chrome和Opera.
附：当鼠标悬停#comment-wrap的填充时,下拉菜单保持下降.
