Question

我需要使用模态插件，而colorbox看起来很棒。

如何加载圆角边框？

鉴于我的页面大小，厚边框占用太多空间。

无论如何要隐藏它或使它更薄并在某些电话需要时隐藏边框？

Answer 1

您可以轻松隐藏边框：

 $("#cboxTopLeft").hide();
            $("#cboxTopRight").hide();
            $("#cboxBottomLeft").hide();
            $("#cboxBottomRight").hide();
            $("#cboxMiddleLeft").hide();
            $("#cboxMiddleRight").hide();
            $("#cboxTopCenter").hide();
            $("#cboxBottomCenter").hide();

如果你想用这种方式添加带边框样式的类：

.thin_border {
    border: 10px solid blue;
    border-radius: 10px;
    margin: 10px;
    box-shadow: 0 0 25px blue;
}

然后用jquery

添加它

$("#cboxContent").addClass("thin_border");

Answer 2

我认为colorbox实际上并没有使用属性“border”来获得那个巨大的黑色边框。似乎它被装在3 x 3 div中，它使用图像来创建边框。我相信你可以删除它，但它需要搞乱实际的colorbox javascript。您也可以尝试搞乱CSS。

您考虑查看一个不同的插件，如lightbox2或shadowbox？我个人使用slimbox（灯箱的漂亮小克隆）。如果你想搞乱代码，那就去吧。否则我会选择一个不同的插件。

Colorbox插件无边框视图

2 个答案: