evo*_*oss 8 css embed safari html5 google-chrome
我正在研究一个我下载的视差网页模板,它有背景图像的div,视差和漂浮在其他较低的z-index内容上.
每当我使用嵌入他们的iFrame代码在较低区域的Vimeo或YouTube视频,背景图像是视差将在y方向一旦浮动DIV"触动"嵌入式播放器跳.我相信这个问题有最终的Flash嵌入与预期正常的页面嵌入作品的iFrame做的事 - 随意尝试.
这只发生在Chrome和Safari中.Firefox和IE按预期工作.我从我的网页模板中创建了一个精简的JSFiddle来说明问题.在上面的浏览器中尝试一下,你可以看到问题发生 - 只需滚动一下结果.
Too much code - just see the JSFiddle - that's the easiest way to see the issue
我真的想找到一个解决办法,因为我已经设计了我的整个网站,现在才注意到Chrome和Safari中的这个问题.
注意:问题不在视差JS代码中.我把它留在那里就可以看出效果.没有该代码,背景图像仍会弹出.
您的嵌入代码源已wmode=opaque包含在其中。使用这个嵌入，它应该可以工作：
<iframe src="http://player.vimeo.com/video/60982085" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" wmode="transparent"></iframe>
这是更新的小提琴： http: //jsfiddle.net/fxv76/