css IE6IE7/IE8悬停问题答案

【问题标题】：Css IE6IE7/IE8 hover problemcss IE6IE7/IE8悬停问题
【发布时间】：2013-09-10 19:37:11
【问题描述】：

我为 .net 用于悬停的输入按钮添加了这段代码，悬停效果在 Firefox 上可以正常工作，但在任何 IE 中都不起作用

如何让它在 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">

【问题讨论】：

我格式化了你的 CSS。为了一个好问题，请删除不相关的部分。您可以在 quirks 模式下测试 ":hover"：quirksmode.org/css/hover.html -- 它可以在 IE8 中运行。检查它正在运行的浏览器“模式”。

标签： css cross-browser

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

我自己并没有做太多的 HTML 编程，但我用谷歌搜索了一下，IE 不支持悬停在你尝试的方式上。我找到了以下网页： http://www.webmasterworld.com/forum83/6906.htm 这似乎给出了解决方案。您可以在 Google 上搜索“HTC 文件”和“HTC 文件示例”，每次搜索的第一次点击似乎基本上都能满足您的需求。

【讨论】：

IE8（至少在正常模式下）确实支持它。（我没有其他版本可以测试，但你可以自己试试：quirksmode.org/css/hover.html）

【解决方案3】：

我知道这是一个旧的，但解决这个问题的方法可能只是将 DOCTYPE 添加到 HTML 页面（在开始的 HTML 标记之上）

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

【讨论】：