2010-11-04 107 views
1

我加了這段代碼的使用by.net懸停輸入按鈕,懸停效果正常工作在Firefox,但在任何○IE的的CSS IE6IE7/IE8懸停問題

我怎樣才能讓不工作「:懸停」在特殊模式:它在IE的

#form-container input.prev_btn{ 
    display: block; 
    background:none repeat scroll 0 0 transparent; 
    text-decoration:none; 
    border:medium none; 
    color:#5B522F; 
    font-size:18px; 
    left:285px;position:relative; 
    text-transform:uppercase;top:34px;width:400px; 
} 
#form-container input.prev_btn:hover { 
    background:none repeat scroll 0 0 transparent; 
    text-decoration:none; 
    border:medium none; 
    color:red; 
    font-size:18px; 
    left:285px; 
    position:relative; 
    text-transform:uppercase; 
    top:34px; 
    width:400px; 
} 



<input type="submit" class="prev_btn" id="btnPreview" value="create e-card" name="btnPreview"> 
+1

我格式化你的CSS。爲了好問題,請刪除不相關的部分。您可以在怪癖模式下測試「:hover」:http://www.quirksmode.org/css/hover.html - 它可以在IE8中使用。檢查它正在運行的瀏覽器「模式」。 – 2010-11-04 20:08:57

回答

0

我自己並沒有做太多的HTML編程,但我google了一下,IE不支持你試圖去徘徊它的方式。我發現以下網頁: http://www.webmasterworld.com/forum83/6906.htm 似乎給出瞭解決方案。你可以谷歌的「HTC文件」和「HTC文件示例」,每次搜索的第一次擊中似乎給你基本上你想要的。

+0

IE8(至少在正常模式下)確實支持它。 (我沒有其他版本可以測試,但你可以自己嘗試:http://www.quirksmode.org/css/hover.html) – 2010-11-04 23:01:25

0

我知道這是一個古老的,但解決這個可能僅僅是一個DOCTYPE添加到HTML頁面(在打開HTML標記以上)

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"