Question

我的页面上有flash嵌入但后来我使用jquery为页面添加了fadeIn效果，但它不适用于嵌入式Flash。

换句话说，闪存内容在其余部分之前首先加载。所以我想也许我可以使用jquery包围一个div围绕闪光然后淡出div，但我遇到的问题是闪光灯在div的顶部。

是否有一些明显缺少的东西或更简洁的方法来解决这个问题？

$('#flash').wrap("<div id='me'></div>");
$('#me').css({'background':'#ff0000', 'position' : 'absolute'});
$('#me').hide().fadeOut(5000);

Answer 1

您可以将wmmode="opaque"添加到Flash容器吗？

Further Reading

Answer 2

编辑：在淡入淡出效果完成后，您可以使用回调来加载Flash内容。

演示：http://jsfiddle.net/wdm954/S6UKS/2/

像这样......

$('#page').fadeIn(5000, function() {
    //callback
    $('#flash div').show();
});

您应该使用固定大小的div包裹闪光灯，以便在闪光灯显示时无需调整页面内容。

Answer 3

Flash对象未参与页面的分层方案。我会添加一个div，其位置设置为绝对值，left = 0，top = 0 z-index = 10000，width = page-width（使用jquery计算）和height = page-height（也由jQuery计算）然后淡出那个div。简而言之，用白色（或其他颜色div）覆盖整个页面，并淡出显示整个页面的div。

应用fadeIn的问题

3 个答案: