0

下面的代码行$('#iframe-youtube').css("opacity", "0");适用于除 Safari 之外的所有浏览器。其余代码适用于每个浏览器，包括 Safari。顺便说一句，我也尝试过$('#iframe-youtube').animate({opacity: '0'},0)，但也没有用。

$('#bg').fadeOut(500);
$('#hand-iphone').animate({opacity: '0', bottom: '-5px'},0);
$('#hand2-iphone').animate({opacity: '0'},0);
$('#iframe-youtube').css("opacity", "0");
$('#hand-iphone2').show().animate({opacity: '0', bottom: '-5px' , left: '95px'},0);
$('#hand2-iphone2').show().animate({opacity: '0'},0);
$('.roundabout-holder').show().animate({opacity: '0'},0);
$('#boni-text').show().animate({opacity: '0'},0);           
$('#hand-iphone2').delay(200).animate({opacity: '1', bottom: '0px', left:'50px'},500);                  
$('#hand2-iphone2').delay(2000).animate({opacity: '1'},0);
$('.roundabout-holder').animate({opacity: '1'},500);
$('#boni-text').animate({opacity: '1'},500);
4

1 回答 1

1

添加?wmode=opaque到 iframe 中 youtube 链接的末尾。

例子：

HTML

<div id="iframe-youtube">
    <iframe width="420" height="315" src="http://www.youtube.com/embed/bZqnqH9s1jk?wmode=opaque" frameborder="0"></iframe>
</div>​

Javascript

$('#iframe-youtube').css("opacity", 0);​

演示

轻读

于 2012-12-10T23:11:04.523 回答