Question

我想将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排除在使用此类或以某种方式解决它？

Answer 1

这将设置客户端浏览器正在使用的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;
  }

Answer 2

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

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

然后在你的CSS中你可以放html.ie来制作IE特定的规则。

Answer 3

您可以使用IE conditional comments并在评论中包含的CSS中设置css规则。

例如：

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

或：

<!--[if IE]><style>*ie style rules here*</style><![endif]-->

排除单个浏览器使用CSS类

3 个答案: