Question

我有风格

.sm:hover{border-bottom: 3px solid; 
border-color: #cc181e;
padding-bottom: 0;
display: inline-block;}

这在现代浏览器中看起来不错，但在7（闪烁）

中没有

我试图覆盖IE7中的样式。

<!--[if lt IE 9]>
   <link rel="stylesheet" type="text/css" href="css/ie7Style.css" />
 <![endif]-->

使用此款式

.sm:hover{border-bottom: 0px; padding-bottom: 0; display: inline-block;}

但它仍在眨眼。如何禁用此闪烁或如何禁用此样式？

请不要让我不使用IE 7，因为该网站显示在TWebbrowser组件中。

Answer 1

您正在更改悬停时的显示属性。尝试将display:inline-block应用于.sm课程，然后添加悬停样式。

.sm {
  display: inline-block;
  *display: inline; /* IE7 fix */
  zoom: 1; /* IE7 fix */
}

.sm:hover {
  border-bottom: 3px solid; 
  border-color: #cc181e;
  padding-bottom: 0;
}

您还可以使用媒体查询黑客攻击IE7及以下版本：

@media screen\9 { /* styles for IE6 and IE7 only */ }

如何在IE 7中禁用样式但在其他情况下允许

1 个答案: