2012-08-15 50 views
0

我有一个叠加层,它由JS与触发器中的一些滚动内容触发。在页面上还有一些嵌入的YouTube视频。我遇到的问题是叠加层中的内容不会在Chrome中滚动。它在所有其他浏览器中都能正常工作。我确实已将wmode = opaque添加到两个youtube视频(尝试wmode =透明以及)。如果我删除了这两个视频,滚动也开始在Chrome中运行。在Chrome中的叠加层中滚动不起作用

感谢

这里的叠加:

<div class="contact-overlay"><a class="close" href="#">X CLOSE</a><h3>Testimonials</h3><div class="content testimonials"> 
<h4 class="testimonials">See what our <span>satisfied customers</span> have to say:</h4> 
<p>a lot of text</p> 

样式:

.contact-overlay { position: absolute; width: 640px; height: 730px; margin-left: -320px; left: 50%; top: 50px; background: #ffffff; z-index: 500; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } 
.contact-overlay a.close { font-family: "Arial Black", Gadget, sans-serif; color: #da3407; text-decoration: none; position: absolute; top: 5px; right: 10px; font-size: 18px; } 
.contact-overlay .content { overflow: auto; height: 550px; width: 590px; margin-left: 25px; } 
.contact-overlay .content.testimonials { margin-top: 30px; } 

该网站正在当地开发,所以没有联系。抱歉。

+0

尝试在Chrome中停用Flash,仅用于踢腿。 – Madbreaks 2012-08-15 23:02:40

+0

它不适用于HTML5视频... – petermk 2012-08-15 23:08:06

+0

请提供指向您网站的链接或在小提琴中发布您的代码。 – 2012-08-16 00:21:28

回答

0

我最终使用JS删除了youtube视频,并在叠加层被激活时用截图替换它们,然后在覆盖层关闭时再将它们放回去。

+0

然后,不要忘记接受你自己的答案。 – j0k 2012-08-20 09:55:23