jquery - 彩色框的透明背景

Question

我希望在颜色框模式之外有透明背景。当前使用此 colorbox 演示 http://www.jacklmoore.com/colorbox/example4/ 中的 css 样式。基于这个答案https://stackoverflow.com/a/2760970/233933 ，我可以用以下方法制作透明背景:

$(".inline").colorbox({inline:true, width:"30%",
    onOpen: function() {
        // make the overlay visible and re-add all it's original properties!
        $('#cboxOverlay').css({
            'visibility': 'visible', 
            'opacity':0.5, 
            'cursor': 'pointer'
        });
        $('#colorbox').css({ 'visibility': 'visible' }).fadeIn(1000);
    }
});

但我希望我的所有颜色框模态都具有透明样式。我尝试编辑 colorbox.css 文件以包含:

#cboxOverlay{ visibility: visible; opacity: 0.5 }
#colorbox{ visibility: visible }

但这并没有改变任何事情。你的建议？

已更新

更新了措辞，因此很明显我希望模式之外是透明的。谢谢!

Answer 1

尝试:

#cboxOverlay{ visibility: visible; opacity: 0.5 !important;}

叠加层应用了内联样式，这些样式当前会覆盖您的不透明度设置。

更详细的解释:#cboxOverlay 元素附加了一个内联样式属性，表示 opacity:0.9。这会覆盖您的样式表。如果您将 !important 放在您的规则旁边，它不会被推到一边以支持内联样式。