fancybox - 向 fancybox2 添加不带填充的边框半径

Question

我使用的是 fancybox 2，我可以去除框架外部的填充，但随后我失去了它附带的 border-radius。 我想要的是框架内主要内容周围的边界半径。所以我尝试进入 css 并向花式框内部选择器添加边框半径，但它不起作用。如何给框架一个没有边框的圆 Angular ？ 如果有人能帮我解决这个问题，那就太好了!

Answer 1

试试这个对我有用的代码

在 complete 方法的花式框之后添加自定义类。

例如

HTML

<a href="#signin-container" class="signin-ovr"> Login </a>

JS

$(document).ready(function(e) {
    $(".signin-ovr").fancybox({
        afterLoad   :   function(){
                            $("#fancybox-content").addClass('fancybox-content-cust');
                            $(".fancybox-bg").addClass('fancybox-bg-cust');
                            $("#fancybox-outer").addClass('fancybox-outer-cust');
                        }

    });     
});

CSS

.fancybox-content-cust {
    overflow: visible !important;
    border: 10px solid #FFFFFF;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.fancybox-bg-cust{
    display: none;  
}

.fancybox-outer-cust {
    background: transparent !important;
}

然后您将获得覆盖框的边框半径。