FancyBox iFrame 主体背景色

Question

大家好，我正在尝试更改 FancyBox 生成的 iFrame 中主体的主体背景颜色。

目前看起来是这样的：

这当然不是我想要的，所以这就是我尝试将背景颜色更改为透明的原因。

Answer 1

您可以设置/更改包含 iframe 的元素和 iframe 元素本身的背景颜色 -

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--iframe iframe {
    background: #fff;
}

但对于 iframed 页面 - 您必须在页面内进行设置。

Answer 2

要更改 iFrame 的 CSS 属性，您可以使用 jQuery。

$('#yourIframe').load(function(){ 
    $(this).contents().find('body').css({
        background-color: '#333333'
    });
});