我创建了一个按钮:
<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问题。无论我添加到IE 7代码的css
按钮都不会移动。我还在div
按住按钮添加了代码,希望这是问题所在。
#userForgot
{
z-index: 200;
}
有什么建议吗?
答案 0 :(得分:0)
如果有兄弟浮动,它将被隐藏。尝试在按钮周围包裹一个div,它应该神奇地自动出现。不要给div任何风格。
否则,你可以发布它周围的所有标记吗?