2013-11-26 100 views
0

我試圖用這個CSSInternet Explorer不會呈現按鈕懸停

input[type=submit] { 
color: #FFFFFF; 
background: #94B5CF; 
border: 1px solid #739BBF; 
float: right; 
} 

input[type=submit]:hover { 
background: #A4C1D8; 
border: 1px solid #7FA5C6; 
} 

它適用於所有其他的瀏覽器,除了罰款在Internet Explorer 8,我的意思是改變一個按鈕的風格工作,但不正確,就像我懸停按鈕,它會改變顏色,但只有幾分之一秒,然後恢復到正常狀態。

另一個奇怪的是,如果我不將按鈕浮動到右側,它在IE8中工作正常。

+0

似乎罰款:http://jsfiddle.net/Vw5Kb/1/還有別的東西造成問題的原因。你可以包含更多關於其他代碼的信息嗎? – BriAnna

+0

是一個登錄表單內的按鈕'\t \t <形式行動= 「login.php中」 方法= 「POST」> \t \t \t \t用戶名:

\t \t \t \t密碼:

Home \t \t \t \t \t \t \t' – Adrao

+0

還行:http://jsfiddle.net/Vw5Kb/2/爲什麼不把更多的東西添加到小提琴中,直到你複製你所看到的行爲? (點擊更新以獲取可以與我們分享的網址。)我懷疑你網頁上的其他內容會干擾。根本不是這些東西。 – BriAnna

回答

3

使用input[type="submit"](引號)

+0

仍然沒有工作! – Adrao

+0

似乎在這裏工作:http://jsfiddle.net/4rmn2/ –

+0

正如我所說的,除了IE8 – Adrao

1

你的怪癖模式嘗試?添加

<!DOCTYPE html> 

到html以使其進入標準模式。

更新:

如果它在標準模式下,它是假設的工作!

csshover.htc會修復它。

如果您的主機沒有htc文件的mimi類型,請使用php包裝。

<?php 
header('Content-type: text/x-component'); 
include('csshover.htc '); 
?> 

然後使用

myElement, .myClass, #myID { 
    [ ...css3 rules... ] 
    behavior: url(myphp-csshover.php); 
} 

代替

myElement, .myClass, #myID { 
    [ ...css3 rules... ] 
    behavior: url(csshover.htc); 
} 
+0

無處不在! – Adrao

+1

IE8支持懸停在所有元素上。也許你發現了一個錯誤。但csshover.htc可以在IE8上運行。 https://code.google.com/p/okprakan/downloads/detail?name=csshover3.htc – Wayne