我想在颜色框模式之外有透明背景。当前使用此颜色框演示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 }
但这并没有改变任何事情。你的建议?
更新
更新了措辞,因此很明显我希望模态之外的内容是透明的。谢谢!