如何在IE 7和IE 8中隐藏特定的CSS行

Question

如何在IE 7和IE 8中隐藏特定的CSS行

3

我一直在尝试让一些CSS下拉菜单在IE 7和8上正常工作，其他浏览器都可以。网站是：http://hanling.focusww.com。我有一块CSS代码，其中包含一些我想要在IE 7和8中隐藏的行。我在这些行的末尾标记了“*”。

#menu a:visited {
  color:#f9f6e0;
  display:block;
  font-weight:700;
  padding-bottom:10px; //kill this in ie *
  padding-left:12px;
  padding-right:12px;
  padding-top:10px;  //kill this in ie *
}

有人能指引我一篇讲解如何实现这个功能的文章吗？

- Nohl

如果您的设计不需要像素级精确度，您可以考虑使用非固定单位来设置边距/填充，例如“em”或百分比。维护针对IE的单独样式表可能会带来更多麻烦而不值得。大多数用户不会在多个浏览器中访问您的网站，并且可能不关心在不同浏览器中略有不同的外观。 - mcknz

所有这些答案都很棒，但到目前为止，没有一个起作用。我有一个不合作的WordPress子主题。叹气。 - Nohl

也许可以发布一些HTML和CSS的具体部分，说明它们没有正常工作，或者创建一个jsfiddle？ - mcknz

3个回答

1

您可以使用IE条件注释，但无法从IE中隐藏特定样式，甚至@yckart链接很酷，但最好使用特定的样式表

<!--[if IE 7]>
    Only Shows Up In IE7
    <link href="#" rel="stylesheet" type="text/css" />
<![endif]-->

<!--[if IE 8]>
    Only Shows Up In IE8
    <link href="#" rel="stylesheet" type="text/css" />
<![endif]-->

- Mr. Alien

了解一下 - 基本上是ie7.css和ie8.css？ - Nohl

@Nohl 任何事情都可以 :) 但是你在注释中指定的内容只适用于该特定版本，或者您可以使用 <!--[if IE]> 来针对一般的IE。 - Mr. Alien

1

我会这样做：

#menu a:visited {
 color:#f9f6e0;
 display:block;
 font-weight:700;
 padding-bottom:10px; 
 padding-bottom:0\9; //IE 8 and below
 padding-left:12px;
 padding-right:12px;
 padding-top:10px;  
 padding-top:0\9; //IE 8 and below

}

如果这些是您所需的唯一IE特定样式，那么使用条件样式表可能比较容易。

- Scott Simpson

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- yckart · Accepted Answer

你可以使用 IE条件注释 来实现这一点:

HTML

<!--[if IE 7]> <html class="ie7"> <![endif]-->
<!--[if IE 8]> <html class="ie8"> <![endif]-->

CSS

#menu a:visited {
  color:#f9f6e0;
  display:block;
  font-weight:700;
  padding-bottom:10px; //kill this in ie *
  padding-left:12px;
  padding-right:12px;
  padding-top:10px;  //kill this in ie *
}

.ie7 #menu a:visited,
.ie8 #menu a:visited, {
  padding-bottom: 0; //kill this in ie *
  padding-top: 0;  //kill this in ie *
}

也可以使用CSS-Hacks实现，更多信息请参考：http://www.webdevout.net/css-hacks#in_css

#menu a:visited {
 color:#f9f6e0;
 display:block;
 font-weight:700;
 padding-bottom:10px; 
 padding-bottom:0\9; //kill this in ie *
 padding-left:12px;
 padding-right:12px;
 padding-top:10px;  
 padding-top:0\9; //kill this in ie *
}