Question

大家好我已经使用此代码显示了一个对话框

$(function(){
      $('#saveandcontinue').click(function(){   
           $('#savedialog').show("slow");          
        });
         $('#close24').click(function(){
            $('#savedialog').hide("slow");
        });
         $('#cnl24').click(function(){
            $('#savedialog').hide("slow");
        });
    });

这是我的css

.pop1{
    border-top:10px solid #CCCCCC;
    overflow:hidden;
    width:500px;
    border: 30px solid #666666;
   height:300px;
   position:fixed;
   top:30%;
   left:30%;
    }

现在我想要隐藏此对话框的背景。那我怎么能这样做。请帮忙在这里你可以看到我的对话框没有正确显示，因为mys网站在中创建问题背景 - http://screencast.com/t/oDRcqf3knCtz 在这里你可以看到实际的scrreen镜头 - http://screencast.com/t/Jvr82PYu8

Answer 1

尝试将z-index设置为对话框

#savedialog
{
  z-index:10; // any integer no. will help your dialog to be on top of the stack
}

请看http://css-tricks.com/almanac/properties/z/z-index/

希望它能帮到你！

打开时如何隐藏对话背景？

1 个答案: