【问题标题】:FancyBox iFrame body background-colorFancyBox iFrame 主体背景色
【发布时间】:2017-06-08 18:26:43
【问题描述】:

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

目前看起来是这样的:

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

【问题讨论】:

    标签: html css iframe fancybox


    【解决方案1】:

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

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

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

    【讨论】:

    • 不幸的是我无法访问页面本身,它是由 FancyBox 生成的
    • fancyBox 不生成任何页面。该脚本创建标记和 iframe 元素。你想在 fancyBox 中显示什么?你能展示你的页面或任何演示吗?
    【解决方案2】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-04-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多