Question

下面的代码行$('#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);

Answer 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);

<强> Demo

光线阅读

jquery opacity无法使用safari浏览器

1 个答案: