Question

我做了一些div来制作按钮，但是这些div中的一些在IE中是不可见的。在其他浏览器中，这种方式非常完美，而不是在IE中。有人说只删除浏览器缓存就足够了。我这样做了，但没有效果。我不知道自己做错了什么。这是关于这两个部门的：

    <div id="searchButtons">
        <!--Inside are the buttons, which are div's that are clickable using a hyperlink-->
        <a href="#" onclick="javascript:document.getElementById('SearchForm').submit();"><div id="searchButton" class="searchButton" style="width:70;">
            Search
        </div></a>
        <a href="#" onclick="javascript:document.getElementById('SearchForm').reset();"><div id="resetButton" class="searchButton" style="width:70; left:70;">
            Reset
        </div></a>
    </div>

    <div id="loginButtons">
        <a href="#" onclick="CheckLoginData(2)"><div id="LoginButton" class="loginButton" style="width:60;">
        <!--CheckLoginData(2) is a function, which checks if al inputs are entered, the parameter (2) has to do with the tabs I made in another part of this file-->
            Login
        </div></a>
        <a href="Register.php"><div id="Register" class="loginButton" style="left:60; width:70;">
            Register
        </div></a><br/>
        <a href="ForgotPassword.php" target="_blank">Forgot password</a>
    </div>

在第一个div之前，有一个使用此div提交的表单。

第二个div包含一些用于登录，注册或转到忘记密码页面的按钮。这些div有一些css：

div.loginButton,div.searchButton{
position:absolute;
color:blue;
background-color:FFFF99;
height:20;
transition:background-color 0.2s;
-webkit-transition:background-color 0.2s,transform 0.2s;
}
div.loginButton:hover,div.searchButton:hover{
position:absolute;
background-color:CCCC7A;
height:20;
transition:background-color 0.2s;
-webkit-transition:background-color 0.2s,transform 0.2s;
}
#loginButtons,#searchButtons{
position:absolute;
top:130;
height:25;
left:20;
width:140;
}

奇怪的是，每个div中只有第一个超链接是不可见的。其他人是可见的。我试图使用样式属性显示，但它没有任何效果。我不知道我做错了什么。有消化吗？

Answer 1

将该代码直接插入空白页面，由于绝对定位，链接位于彼此的顶部。删除绝对定位，所有链接都应该可见。

div在IE中不可见

1 个答案: