Jquery 边界半径上Fancybox处的白色角落

我正在Fancybox上应用边界半径，当我设置边界半径时，它会在Fancybox上创建白色的角。我不知道如何删除这个

我的css代码是：

#a1 div.popup-container{
height:350px;
width:400px;
background:#88B3D1;
-moz-border-radius:30px 30px 30px 30px; 
border-radius:30px 30px 30px 30px; 
-webkit-border-radius: 30px 30px 30px 30px;
overflow: hidden;
}

我的HTML代码是：

<div id="a1">
    <div class="popup-container">
        <div class="image-container">
            <img src="AllureFree Logo.gif" alt="Smiley face" width="130" height="130"/>
        </div>
        </br>
        <div>
            <h2 style="text-align:center; color:white;"> You must be 18 to shop on our Website.</h2>
            <h2 style="text-align:center; color:white;"> Please verify your birthdate.</h2>
        </div>
</div
</div>

您必须年满18岁才能在我们的网站上购物。
请核实你的生日。
它们来自应用于
.fancybox皮肤
选择器（fancybox css文件）的样式。您可以覆盖自定义css文件中的默认值，如：

.fancybox-skin {
    background-color: transparent;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}

同时将
padding:0
添加到您的fancybox脚本中

$(document).ready(function () {
    $('html').append('<a class="fancybox" style="display:none" href="#a1"></a>');
    $('.fancybox').fancybox({
        padding: 0,
        afterClose: function () {
            $('a[href="#a1"]').remove();
        }
    });
    $('a[href="#a1"]').trigger('click');
});

$（文档）.ready（函数（）{
$（'html'）。附加（''）；
$（'.fancybox'）。fancybox({
填充：0，
后关闭：功能（）{
$（'a[href=“#a1”]”）。删除（）；
}
});
$（'a[href=“#a1”]”）。触发器（'click'）；
});

请参见