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'
    });
});