彩色透明背景

Question

我想在colorbox模式之外有透明背景.目前使用此colorbox演示http://www.jacklmoore.com/colorbox/example4/的css样式.基于这个答案/sf/answers/193267931/,我可以做透明的backgournd:

$(".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它放在你的规则旁边,它就不会被推到一边以支持内联样式.