Chrome 溢出：hidden & iframe BUG答案

【问题标题】：Chrome overflow:hidden & iframe BUGChrome 溢出：hidden & iframe BUG
【发布时间】：2011-12-06 05:31:35
【问题描述】：

我有一个与 iframe / Youtube 视频和 Chrome 相关的 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 由 Scrollable jQuery 设置动画，并且 iframe 根本不想在向左滚动时被隐藏（当其他所有内容被隐藏时它只是保持可见）。这只发生在 Chrome 中，在 Firefox / Safari / IE9 / Opera 中完美运行。

我该怎么做才能让它发挥作用？ :(

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

提前致谢！

【问题讨论】：

标签： jquery google-chrome iframe overflow

【解决方案1】：

“?wmode=opaque”在 youtube 视频中将修复帧问题。 :)

【讨论】：

【解决方案2】：

尝试通过在滚动之前和之后添加{ zoom: 0.99999 } 来修复它{ zoom: 1 } 这个黑客帮助了我。 :)

【讨论】：

没用 :( 但我还是设法在 youtube 视频中使用“?wmode=opaque”修复了它 :)

【解决方案3】：

如前所述：overflow: hidden; doesn't work on Chrome with IFRAMEs?

您只需要滚动属性<iframe scrolling='no' src='..'> </iframe>

经过测试和工作。

【讨论】：