Question

我需要一些帮助。在这里，我需要从fancybox iframe http://squaretwo.ru/pashokk中删除白色边框。

您可以通过单击红色按钮来调用fancyBox。我读过以前的文章，但无法解决问题。有什么想法吗？

Answer 1

您可以通过将其添加到样式表来删除它。

iFrame的结构就是这样，

<body style="overflow-x: hidden; ">
    <div style="max-width:550px; border: solid 15px #cc0033;" border="1">
       .
       .
       .
    </div>
</body>

所以你可以删除这样的边框，

body div:first-child {
    border: 0 !important;
}

但是，这会影响您为#header提供的任何边境属性，因为它也是div:first-child。

!important边框属性的div#header也是如此（如果需要）。

修改

因为你想摆脱fancybox背景。

您需要添加此内容，

.fancybox-skin { background: transparent; box-shadow: none !important; }

这是插件生成的默认类。

此外，

添加以下内容

html{ background: white; }

如果您只希望背景位于红色边框内，请不要添加以上html css，请添加以下内容。

body div:first-child { background: white !important; }

Answer 2

调用花式框脚本时，您还可以设置padding：0作为选项。在你的javascript中：

jQuery(document).ready(function($) {
    $("a.fancybox").fancybox({
         padding: 0
    });
});

而且你没有填充。

如何从Fancybox 2中删除边框？

2 个答案: