Jquery IE中的Flash覆盖

我有一个flash播放器在我的网站上，我想添加一个覆盖，我可以插入HTML。其想法是，包含flash的div将在显示HTML之前将其不透明度设置为0.5。我在Google Chrome和Firefox中得到了很好的效果，但和往常一样，IE让我头疼。我将wmode设置为不透明，也尝试了透明，但IE的行为异常。为了让我的div显示在flash视频的顶部，我将它的位置设置为绝对，并赋予它比任何其他元素更高的z索引

问题是IE9没有显示从jQuery附加到div的HTML。公平地说，我可以在一个隐藏的div中从PHP添加它。然而，最大的问题是IE不允许我为flash播放器的不透明性设置动画，不像Chrome和Firefox，可能还有其他浏览器，也不允许我与flash播放器交互。当叠加显示时，当我点击它时，播放器不再响应

IE需要一些变通方法，但到目前为止，我还没有找到一个解决不透明度衰减的变通方法。现在是代码

DOM:

在上面的代码中，我用jQuery附加的HTML没有显示出来，但正如我所说的，我可以通过将它直接添加到DOM中来解决这个问题，因为IE会显示它。然而，我希望不透明度动画工作，但IE9不欣赏它。此外，在这样做时，我不能单击播放器来启动/停止播放

有什么想法吗？如有任何建议，我们将不胜感激。提前谢谢你

当覆盖显示时，当我点击它时，播放器不再响应

是的，当一个html元素位于swf的顶部时，就会发生这种情况；swf被遮挡，因此无法与之交互

IE不会让我对flash播放器的不透明性设置动画，不像Chrome和Firefox

---

IE通常在不透明度动画方面非常糟糕，以我的经验，尤其是IE8。渲染引擎在更高版本中似乎变得更糟。

是的，但即使在覆盖层未覆盖的区域，渲染引擎也会停止响应，我发现这很奇怪。最后一部分我同意你的意见；我可以写很多关于IE有多可怕的页面，但不幸的是很多人都在使用它，所以这是让它工作的一个要求。幸运的是，jQuery帮了我们很多忙：-

<div class="videoPaths" style="z-index: 9999;">
    This is the overlay container
</div>

<div class="videoWrapper">
    <script src="swfobject/swfobject.js"></script>

    <div id="VideoPlayer" class="embedded-video">
        <div class="no-flash">You don't have flash</div>
    </div>

    <script>swfobject.embedSWF("http://url.com/v.swf", "VideoPlayer", "590", "332", "9.0.0", "/swfobject/expressInstall.swf", {}, {wmode:'opaque', allowscriptaccess:'always', allowfullscreen:'true', FlashVars:'token=my_token&photo%5fid=my_id'}, {id:'VideoPlayer', name:'VideoPlayer'});</script>
</div>

// Animate opacity to 0.5
$('.videoWrapper').animate({ opacity: 0.5 }, { duration: 1000, queue: false, complete: function() { showOverlay(); } });

function showOverlay() {
    // Show overlay text
    $('.videoPaths').html('<h2>This is the overlay text I want to show</h2>');
}

.videoPaths {
    position: absolute;
    top: 100px;
    text-align: center;
    width: 590px;
}