2011-10-12 66 views
0

我有相关的I帧/ YouTube视频&浏览器的错误...铬溢出:隐藏的iframe和BUG

得到一个div

<div id="single"> 
     <div id="poza-mare"> 
     <div class="items"> 
       <div><iframe width="710" scrolling="no" height="360" frameborder="0" src="http://www.youtube.com/embed/CblqeBA0iIk" type="text/html"></iframe></div> 
       <div>...</div> 
       <div>...</div> 
     </div> 
     </div> 
</div> 

#poza-mare{position:relative;overflow:hidden;clear:both;height:360px;} 
#poza-mare div {float:left;display:block;width:710px;} 
#poza-mare .items {width:20000em;clear:both;margin:0;padding:0;position: absolute;} 
#single{width:710px; overflow:hidden; margin:0 auto;z-index:2;} 

不管怎样,在项目类div的是通过滚动动画jQuery和iframe在滚动到左侧时并不想隐藏(当隐藏其他所有内容时它会保持可见状态)。这只发生在Chrome中,在Firefox/Safari/IE9/Opera中完美运行。

我能做些什么来使它工作? :(

链接:提前http://lesateliersnomad.com/showcase/2d-animation/artmania-festival-2010/

感谢

回答

7

?wmode=opaque” 的。 youtube视频将解决相框问题。 :)

1

尝试通过增加{ zoom: 0.99999 }修复滚动之前和之后使其{ zoom: 1 }这个技巧帮助我:)

+0

没有工作:(但我设法解决它无论如何与“?wmode = opaque”在youtube视频:) – Eek