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