无法在IE 7中显示按钮

时间:2011-04-27 15:59:45

标签: css internet-explorer internet-explorer-7

我创建了一个按钮:

<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设为红色,因为它会突出显示在我的页面上,我可以更容易地看到它。我还尝试使用lefttop调用将其移至其他位置。我尝试使用position: relative调用,因为我读到它在某些情况下修复了我正在使用的IE 7问题。无论我添加到IE 7代码的css按钮都不会移动。我还在div按住按钮添加了代码,希望这是问题所在。

#userForgot { z-index: 200; }

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

如果有兄弟浮动,它将被隐藏。尝试在按钮周围包裹一个div,它应该神奇地自动出现。不要给div任何风格。

否则,你可以发布它周围的所有标记吗?