覆盖内部div可见

时间:2015-08-12 05:37:57

标签: javascript html css overlay

我添加了一个重叠div,以便在页面刷新/重新加载时显示。它工作正常。但问题是在页面成功加载我创建的地方后div显示了" loading"信息。

这是我的代码: 式:

#overlay {
    position: fixed;
    top: 20%;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    z-index: 999;
    visibility: hidden;
}

#overlay div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5em;
    height: 2em;
    margin: -1em 0 0 -2.5em;
    color: #000;
    font-weight: bold;
}

1 个答案:

答案 0 :(得分:0)

试试这个

#container{
       position:relative;
   z-index:0;
}
#overlay {
   visibility:hidden; 
   top: 20%;
   right: 0;
   bottom: 0;
   left: 0;
   background-color: white;
   z-index: 999;
   position: absolute; 
}
#overlay div   
{ 
position: absolute;
top: 50%;
left: 50%;
width: 5em;
height: 2em;
margin: -1em 0 0 -2.5em;
color: #000;
font-weight: bold;
}