Safari中的jQuery fancybox z-index问题

Question

我正在使用jQuery fancybox显示YouTube视频，但在Safari bowser中遇到边框问题。在其他浏览器中，我得到了正确的显示。

我的小提琴：Fiddle

有任何想法或建议吗？感谢。

Answer 1

这不是z-index问题。

根据经验，将wmode添加到您的视频或Flash对象中，您将避免出现奇怪的行为。

如果是嵌入式iframe，请将wmode添加到链接的视频作为src属性中的试用参数，例如：

<iframe src="//www.youtube.com/embed/Qh5m-KTR36U?wmode=opaque" width="420" height="315" frameborder="0" allowfullscreen></iframe>

如果视频在fancybox中打开，请将其作为试用参数添加到href中（否则fancybox关闭按钮将放在视频后面），如：

<a href="http://www.youtube.com/embed/L9szn1QQfas?autoplay=1&wmode=opaque"class="fancybox fancybox.iframe" >...</a>

参见 JSFIDDLE