2011-10-12 1 views
0

...크롬 오버 플로우 : I가 iframe/유튜브 동영상 & 크롬과 관련된 버그가 숨겨져 & iframe이 버그

이 사업부 어쨌든

<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은 왼쪽으로 스크롤 할 때 숨기고 싶지 않습니다 (다른 모든 것이 숨겨지면 그대로 유지됩니다). Firefox/Safari/IE9/Opera에서 Chrome에서만 발생합니다.

어떻게 작동합니까? :(

링크 :! http://lesateliersnomad.com/showcase/2d-animation/artmania-festival-2010/

미리 감사드립니다

답변

7

"?wmode=opaque"에서. youtube 비디오가 프레임 문제를 수정합니다. :) 언급 한 바와 같이

1

스크롤하기 전에 { zoom: 0.99999 }을 추가하여 수정 시도하고 그것이 { zoom: 1 }이 해킹이 나를 도왔다 한 후에 :

+0

작동하지 않았습니다. (하지만 어쨌든 YouTube에서 "? wmode = opaque"로 수정했습니다 :) – Eek