Question

It s difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.

Closed 11 years ago.

以下法典在IE.,但NOT在IE如此。

I need to properly center the div on the screen -Right now the div is leaning too much to the bottom

I also need to make this div (id="loading") to cover the whole window -And take all the clicks to prevent clicks somewhere else.

It needs to be compatible with IE.

传真

<html>
<head>
<title>Overlay</title>
    <link href="loading.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="loading.js"></script>
</head>
<body>
This paragraph is for testing
<br/>
Hello world!
<br/>
How are you?
<br/>
Be happy!
<br/>
<input id="cmd" type="button" value="Test" />
</body>
</html>

CSS

#loading {
    background-color: black;
    background-color: rgba(1, 1, 1, 0.7);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}

#loading_box {
    width: 150px;
    height: 35px;
    border: 5px solid #FFFFFF;
    padding: 5px;

    text-align: center;
    margin-top: 50%;
    margin-left: 50%;
    position: relative;
    top: -15.5px
}

#loading_img {
    width: 31px;
    height: 31px;
}

#loading_txt {
    color: #49a0dc;
    font-weight: bold;
    margin-left: 0.5em;
    font-family: "Arial Black", Gadget, sans-serif;
}

Sample file http://punkbunny.com/tmp/overlay/overlay.html

Answer 1

使用:

#loading_box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -75px;
}

http://www.un.org/Depts/DGACM/index_french.htm 采用这些办法将很难取得你重新开始的效果。

Answer 2

你的手法不正确,使信通风化。改用这个词,看我们的位置:<! DOCTYPE html>

友情链接