Css IE6IE7 / IE8悬停问题 [英] Css IE6IE7/IE8 hover problem

问题描述

我添加了这个位的代码为输入按钮使用by.net的悬停，悬停效果工作正常在Firefox，但不工作在任何IEs

I added this bit of code for the input button used by.net for hover, the hover effect works fine on Firefox but does not work in any o the IEs

我如何使它在IE中工作

how can i make it work in 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">

推荐答案

http://www.quirksmode.org/css/hover.html - 工作原理在IE8这里。检查正在运行的浏览器模式。

You can test ":hover" at quirks mode: http://www.quirksmode.org/css/hover.html -- it works in IE8 here. Check the browser "mode" it is being run in.

例如。在怪癖模式中，这一切都会下山： http://www.quirksmode.org/ css / quirksmode.html

E.g. in "quirks mode", it all goes down-hill: http://www.quirksmode.org/css/quirksmode.html

这篇关于Css IE6IE7 / IE8悬停问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！