4

我想排除 Internet Explorer 使用特定的 CSS 类。这可能吗？

细节：

我有一个看起来像的 CSS 类 -

input[type="radio"]:checked, input[type="radio"]:hover
{
   box-shadow: 0px 0px 10px #90BBD4;
}

由于 Firefox 的最新浏览器更新删除了 -moz-box-shadow 属性，并且我相信它现在使用默认的 box-shadow 代替，......我的 Firefox 仍然运行良好，但 Internet Explorer 现在识别它并弄乱了外观。

我该如何排除 IE 使用此类或以某种方式解决它？

4

3 回答 3

4

这将设置客户端浏览器正在使用的 IE 版本的类。

<!--[if lt IE 7 ]> <html class="ie6" lang="en" xml:lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7" lang="en" xml:lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8" lang="en" xml:lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9" lang="en" xml:lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html class="" lang="en"> <!--<![endif]-->

然后使用 CSS，您可以通过以下方式将其定位到特定浏览器：

.ie7 #wrapper
  {
     display:none;
  }
于 2012-06-11T21:09:33.173 回答
1

当人们觉得需要让他们的网站在不同的浏览器中看起来不同时（这与互联网应该是什么样的完全相反......）他们使用这个：

<!--[if IE]><html class="ie"><![endif]-->
<!--[if !IE]>--><html><!--<![endif]-->

然后在您的 CSS 中，您可以制定html.ie特定于 IE 的规则。

于 2012-06-11T21:03:47.733 回答
1

您可以使用IE 条件注释并在注释中包含的 css 中设置 css 规则。

例如：

<!--[if IE]><link rel="stylesheet" href="ie.css" /><![endif]-->

或者：

<!--[if IE]><style>*ie style rules here*</style><![endif]-->
于 2012-06-11T21:04:25.127 回答