css - 无法让按钮在 IE 7 中显示

Question

我有一个这样创建的按钮:

<div id = "userForgot">
<!-- Back button used -->
<button id = "forgotGoBack" onclick = "backToPage()" >< Back</button>
<!-- Form used to submit all membership info to be used on server -->
<form id = "ForgotForm" action = "/" onclick = "formURL(this)" method = "post" >

我无法让它在 IE 7 上显示。这是唯一不会显示的元素。我可以找到按钮(如果我滚动到它应该在的位置，我会得到一个指针，如果我点击它应该在的位置，它就会工作。这是我的 css，它用于除 IE 7 之外的所有版本:

 /*
  * The back button for the page
  */
 #forgotGoBack
 {
     z-index: 500;
     color: #fbfbfb;
     font-family: Arial;
     font-size: 11px;
     position: absolute;
     top: 400px;
     left: 305px;
     border: 0;
     padding: 0;
     background-color: transparent;    
 }
    #forgotGoBack:hover
    {
        cursor: pointer;
    }

这是我仅通过此命令用于 IE 7 的代码:

<!--[if IE 7]><link rel="stylesheet" href="Styles/DefaultStyleForIE7.css" type="text/css" media="screen, projection"/><![endif]-->

/* Made back button visible */
#forgotGoBack
{
    z-index: 300;
    position: relative;
    color: Red;
    left: 0px;
    top: 0px;   
    display: block;
}

我制作了 color红色，因为它会突出在我的页面上，我可以更容易地看到它。我还尝试使用 left 将其移动到不同的位置和 top电话。我尝试使用 position: relative打电话是因为我读到在某些情况下它可以解决我遇到的 IE 7 问题。不管css我在 IE 7 代码中添加按钮不会移动。我还在 div 中添加了代码按住按钮希望是问题所在。

#userForgot
{
z-index: 200;
}

有什么建议吗？

Answer 1

如果有兄弟 float ，它会被隐藏。尝试在按钮周围包裹一个 div，它应该神奇地自动出现。不要给 div 任何样式。

否则，您可以张贴所有标记吗？