代码之家  ›  专栏  ›  技术社区  ›  user244394

CSS IE6IE7/IE8悬停问题

  •  1
  • user244394  · 技术社区  · 14 年前

    我为.net用于hover的输入按钮添加了这段代码,hover效果在firefox上很好,但在任何IE中都不起作用。

    我怎样才能让它在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">
    
    3 回复  |  直到 11 年前
        1
  •  0
  •   user166390    14 年前

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

    例如,在“怪癖模式”下,一切都是下坡: http://www.quirksmode.org/css/quirksmode.html

        2
  •  0
  •   Mads Jensen    14 年前

    我自己并没有做太多的HTML编程,但我在谷歌上搜索了一下,IE不支持按你想要的方式悬停。我找到了以下网页: http://www.webmasterworld.com/forum83/6906.htm 这似乎给了它一个解决方案。你可以用谷歌搜索“htc文件”和“htc文件示例”,每次搜索的第一次点击似乎都会给你想要的东西。

        3
  •  0
  •   kleopatra anderson    11 年前

    我知道这是一个老版本,但是解决这个问题的方法可能只是在HTML页面中添加一个doctype(在打开的HTML标签上方)。

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