css - 如何让 iframe 仅在 Firefox 中显示？

Question

我试图仅在 Firefox 中将 YouTube 视频覆盖在 Vimeo 视频上。可能有更好的解决方案，但该网站是一个 Wordpress 网站，我正在使用插件。

它接受 JavaScript。 HTML 和 CSS。

基本上，我需要为 iframe/嵌入式视频创建一个仅限 Firefox 的 hack。

Answer 1

你可以这样做，基本上在除 FF 之外的所有浏览器中隐藏 iframe:

iframe {
    display: none;
}

@-moz-document url-prefix() {
    iframe {
        display: block;
    }
}

这是一个 fiddle以防万一

此外，请确保您以相同顺序提供我提供的 CSS，否则 display: none; 将覆盖 FF 特定代码。或者，您可以使用 display: block !important; 并且顺序无关紧要，但我从来没有在没有必要时使用 !important ...