Css IE6IE7/IE8悬停问题

Question

我为输入按钮添加了这段代码，by.net用于悬停，悬停效果在Firefox上运行良好，但在任何IEs上都不起作用。

我如何让它在IEs中工作

#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">

Answer 1

你可以在quirks模式下测试":hover“：http://www.quirksmode.org/css/hover.html --它在这里的IE8中工作。检查它正在运行的浏览器的“模式”。

例如，在“怪癖模式”中，一切都会走下坡路：http://www.quirksmode.org/css/quirksmode.html

Answer 2

我自己不会做太多的HTML编程，但我用谷歌搜索了一下，IE不支持你想要的方式悬停。我找到了下面的网页：http://www.webmasterworld.com/forum83/6906.htm，它似乎给出了一个解决方案。你可以在谷歌上搜索"HTC文件“和"HTC文件示例”，每一次搜索的第一个命中似乎都会给你基本上你想要的。

Answer 3

我知道这是一个旧版本，但是解决这个问题的方法可能只是向HTML页面添加一个DOCTYPE (在开始HTML标记的上方)

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