<button>在IE9（瀏覽器/文檔模式充分IE9和標準）

我有了2個標籤具有在HTML定義爲背景圖像的登錄頁面樣式與背景圖像重複：<button>在IE9（瀏覽器/文檔模式充分IE9和標準）

<div> 
    <button type="submit" name="loginButton" value="App1" class="login-button app1-logo-bkgrd align-left" /> 
    <button type="submit" name="loginButton" value="App2" class="login-button app2-logo-bkgrd align-right" /> 
</div>

我有！CSS類定義：

.align-left { 
    float: left; 
} 

.align-right { 
    float: right; 
} 

.app1-logo-bkgrd { 
    background: transparent url('images/app1logo.png') top left no-repeat; 
    width:220px; 
    height:180px; 
} 

.app2-logo-bkgrd { 
    background: transparent url('images/app2logo.png') top left no-repeat; 
    width:220px; 
    height:180px; 
} 

.login-button 
{ 
    margin: 0; 
    padding: 0; 
    border: 0; 
    cursor: pointer; 
}

我使用< DOCTYPE HTML>

出於某種原因，第二個按鈕（帶有值= 「應用2」）獲得神奇在IE9標準模式下重複，而相同的HTML/CSS在FF5中正常工作。

如果我點擊兼容模式按鈕，它會正確顯示（IE已經切換到IE7文檔類型 - 所以說開發工具）。

如果在IE 9上查看源代碼時出現問題，則顯示只有第二個按鈕的一個實例;然而，使用開發工具和使用選擇器功能，它認爲在窗體後面還有另一個App2按鈕。

我嘗試刪除1st（value =「App1」）按鈕，並將其餘按鈕更改爲使用相同的左對齊類，但現在仍然重複該原因。

任何人有什麼建議可能會導致問題？

來源

2011-07-22 Peter

任何[JS Bin]（http://jsbin.com/）測試用例的機會？ – thirtydot

這實際上是由IE9中的一個錯誤引起的。

如果您使用帶有背景圖片樣式的自動關閉按鈕標籤，則它會在頁面中重複顯示，但只有一個圖片可點擊。不知道如果包含<div>是相關的，我還沒有嘗試過。

在我的情況下，我有2個按鈕的第二個按鈕有效地修復了第一個錯誤，這就是爲什麼它是如此混亂，即如果我交換了按鈕的順序，然後以前打破一個工作的順序。

解決方法是使用<button></button>語法，即使以這種方式使用背景圖像時打開和關閉標記之間沒有任何內容。

來源

2011-08-02 12:46:54 Peter

<button>在IE9（瀏覽器/文檔模式充分IE9和標準）

回答

相關問題