Chrome溢出:隐藏& iframe错误 [英] Chrome overflow:hidden & iframe BUG

问题描述

我有一个与iframe/YouTube视频&相关的错误.铬...

I have a BUG related to Iframes / Youtube Videos & Chrome...

获得了一个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的items类由Scrollable jQuery进行动画处理，并且iframe根本不想在向左滚动时被隐藏(当其他所有东西都被隐藏时，它仍然保持可见).这只会在Chrome中发生，在Firefox/Safari/IE9/Opera中运行完美.

Anyway, The div's in items class are animated by Scrollable jQuery and the iframe simply doesn't want to get hidden when it scroll to the left (it simply stays visible when everything else gets hidden). This only happens in Chrome, in Firefox / Safari / IE9 / Opera works perfectly.

我该怎么做才能使其正常工作? :(

What can I do to make it work? :(

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

提前谢谢！

推荐答案

"?wmode=opaque"将解决框架问题. :)

"?wmode=opaque" at the youtube video will fix the frame issue. :)

这篇关于Chrome溢出:隐藏& iframe错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！