0

私が構築している Web サイトの管理者ログイン フォームは、Chrome では機能しませんが、IE では正常に機能します。何が原因でしょうか? ここで同様の問題について別の質問を見つけましたが、その回答はうまくいきませんでした。

プレビュー: http://a.emutek.net/site/admin/

HTML:

<div id="body">
        <div class="divhead" id="adminhead">Login to website management:</div>
        <div id="adminlogin">
            <form name="adminlogon" action="login.do.php" method="post">
                <table border="0">
                    <tr>
                        <td>
                            Username: 
                        </td>
                        <td>
                            <input type="text" name="user">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Password: 
                        </td>
                        <td>
                            <input type="password" name="pwd">
                        </td>
                    </tr>
                    </table>
                <input type="submit" value="Submit">
            </form>
        </div>
</div>

CSS:

    #body {
        z-index: -1;
        position: relative;
        top: -6px;
        padding: 7px;
        background-color: white;
        border-radius: 6px;
}

.divhead{
    background-color: #111;
    color: #CCC;
    text-transform: uppercase;
    font: bold 12px Arial, Helvetica;
    text-decoration: none;
    padding: 3px;
    margin-bottom: 5px;
    border-radius: 6px;
}
#head{
    border-radius: 6px;
    margin-bottom: -10px;
    padding: 5px;
    background-image:url('../img/bg_header.png');   
}
#adminlogin{
    margin-left: 40%;
    z-index: 10;


}
#adminhead{
    margin-top: 20px;
    margin-bottom: 10px;
    width: 700px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
}
4

3 に答える 3

2

削除する position: relative;と#body動作します

Firefox と Safari でもテストされているクロムのカーソルを確認できます。

ここに画像の説明を入力

于 2012-10-24T04:20:41.893 に答える
1

#body下に位置するのではなく、上に位置する#nav必要#navがあります#body。

#body{ 位置: 相対; z-index: -1; ... }

#nav{
    position: relative;
    z-index: 1;
}
于 2012-10-24T04:32:00.887 に答える
0

本体の z インデックス css を -1 から正の値に変更する必要があります

body {
    z-index: 1111;
}
于 2012-10-24T04:27:20.357 に答える