js html div遮罩层无法显示,为什么

$(function(){
var $button_b = $('#button_fabu');

$button_b.click(function(){
    $('#fabuxintie').css({
        visibility: 'visible', //可见
        });

    $('#bg').css({
        height: $(document).height(),
        width: $(document).width(),
        position: 'absolute',
        top: 0,
        left: 0,
        zIndex: 99,
        opacity: 0.5,
        backgroundColor: 'black'    
        }); 
    });
    })

    这段代码 没有办法让已隐藏的div显示 请问为什么？

bg没显示？你没设置diaplay为block啊

 $('#bg').css({display:'block'
//....

如果你的fabuxintie也设置过display为none，注意也要设置display为block

需要将这两个div都设置成块级元素是吗？
我可以直接在css文件中定义吗？

你需要检查一下#fabuxintie这个id所指的元素的css或者style，如果是css中设置了display:none属性，或者在元素的style中设置了display="none"属性，那就需要通过使用带有display:block的css或者在元素中添加display="block"的方式对其显示属性进行修改。