我有一個疊加層,它由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; }
該網站正在當地開發,所以沒有聯繫。抱歉。
嘗試在Chrome中停用Flash,僅用於踢腿。 – Madbreaks 2012-08-15 23:02:40
它不適用於HTML5視頻... – petermk 2012-08-15 23:08:06
請提供指向您網站的鏈接或在小提琴中發佈您的代碼。 – 2012-08-16 00:21:28