文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在IE7中禁用样式，而在他人中允许

问如何在IE7中禁用样式，而在他人中允许
EN

Stack Overflow用户

提问于 2015-11-07 16:06:18

回答 1查看 21关注 0票数 0

我有风格

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

这在现代浏览器中看起来不错，但在ie 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;}

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

请不要提供我不使用IE7，因为网站显示在TWebbrowser组件。

internet-explorer

internet-explorer-7

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-11-07 16:19:06

在悬停时要更改“显示”属性。尝试将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 */ }

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33584760

复制

相似问题

问如何在IE7中禁用样式，而在他人中允许
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在IE7中禁用样式，而在他人中允许EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在IE7中禁用样式，而在他人中允许
EN