2011-04-27 59 views
0

顯示我有像這樣創建一個按鈕:無法獲取按鈕,在IE 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紅色的,因爲它會伸出我的網頁上,我可以看到它更容易我也試過。將它移動到與th不同的位置e lefttop調用。我試圖使用position: relative調用,因爲我在某些情況下閱讀了它,修復了像我一樣的IE 7問題。不管css我添加到IE 7代碼的按鈕不會移動。我還在div中添加了代碼,希望這是問題所在。

#userForgot { z-index: 200; }

有什麼建議?

回答

0

如果有兄弟姐妹浮動,它將被隱藏。嘗試在按鈕周圍包裹一個div,它應該神奇地自動出現。不要給div任何樣式。

否則,你可以發佈所有標記嗎?

+0

頁面上的唯一其他項目嵌套在「表單」中。我編輯了我的問題的'html'部分以包含那個'form'。這個'表格'上沒有'css' – 2011-04-27 16:07:20

+0

我也用'div'包裝,但沒有解決問題 – 2011-04-27 16:08:15