当前位置: 首页 > 面试题库 >

如何在样式表中仅定位IE(​​任何版本)?

何向荣
2023-03-14
问题内容

我有一个继承的项目,并且在某些地方一团糟。这就是其中之一。我只需要定位IE(​​任何版本)。

#nav li {
    float: left;
    height: 54px;
    background: #4f5151;
    display: table;
    border-left: 1px solid grey;
}

需要说明的是: 嵌入式样式表中,并且 没有 在HTML的标签中添加ID或类,而 用户使用IE 时才
需要应用边框样式。我怎样才能做到这一点?

编辑:找到了Firefox的解决方案,编辑问题来反映这一点。


问题答案:

Internet Explorer 9及更低版本:
您可以使用条件注释为要专门定位的任何版本(或版本组合)加载IE特定的样式表,例如下面使用外部样式表的样式表。

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

但是,从版本10开始,IE中不再支持条件注释。

Internet Explorer 10和11: 使用-ms-high-contrast创建媒体查询,在其中放置IE
10和11特定的CSS样式。由于-ms-high-contrast是特定于Microsoft的(并且仅在IE 10+中可用),因此只能在Internet
Explorer 10及更高版本中进行解析。

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
}

Microsoft Edge 12: 可以使用@supports规则

@supports (-ms-accelerator:true) {
  /* IE Edge 12+ CSS styles go here */ 
}

内联规则IE8检测

我还有1个选项,但它只能检测IE8及以下版本。

  /* For IE css hack */
  margin-top: 10px\9 /* apply to all ie from 8 and below */
  *margin-top:10px;  /* apply to ie 7 and below */
  _margin-top:10px; /* apply to ie 6 and below */

如您所指定的嵌入样式表。我认为您需要针对以下版本使用媒体查询和条件注释。



 类似资料:
  • 问题内容: 这是我的CSS块: 我只希望IE 7、8和9能够“看到” 最简单的方法是什么? 问题答案: 更新2017 根据环境的不同,在IE10 +中已[正式弃用并删除.aspx)了条件注释。 原版的 最简单的方法可能是在HTML中使用Internet Explorer条件注释 您可以使用许多技巧(例如下划线hack),这些技巧将仅允许您将样式表中的IE作为目标,但是如果要在所有平台上将IE的所有

  • 问题内容: 如果我的html中包含以下内容: 这在我的CSS样式表中: 是否可以使用javascript / jquery删除所有内联样式并仅保留css样式表指定的样式? 问题答案: 要么 要使其更小一些,请尝试以下操作: 这应该可以加快速度,因为它会检查div是否具有样式属性。 无论哪种方式,如果您有大量的div,这都可能需要一些时间来处理,因此您可能要考虑使用JavaScript以外的其他方法

  • 我想将css文件链接到我的应用程序。在我的fxml文件中,我使用以下命令: ...当我在scenebuilder中打开fxml文件时,我可以看到一个样式化的预览。但是,当我尝试运行应用程序时,出现了一个错误: java.net.MalformedURL异常:无协议:.../stylesheet1.css 所以我用这种方法测试它: 现在它是反过来的-应用程序启动并应用css,但我没有看到场景构建器中

  • 问题内容: 我想只将样式表应用于iPhone,而无需在服务器上或通过JavaScript进行浏览器嗅探(通过用户代理字符串)。 我特别不希望Internet Explorer应用样式表。苹果建议的代码,用于应用iPhone专用的样式表,即: 似乎导致样式表被IE 7和6应用。 问题答案: 使用Apple建议的代码,但将其包装在条件注释中以将其从IE隐藏:

  • 问题内容: 我正在使用seleniumRC,例如,我想获取所有具有匹配属性的href属性的链接元素: 我想使用: 这将返回与正则表达式匹配的所有链接的name属性的列表。(或类似的东西) 谢谢 问题答案: 一种可能的解决方案是使用并编写一个JS脚本来返回链接列表。

  • 问题内容: 嗨,我已经跨浏览器在所有可想到的PC浏览器(包括Safari)上固定了一个网站。现在,我的聪明驴设计师向我发送了在Mac上崩溃的整个布局的屏幕截图。我有一个解决方法(将元素的边距减少几个像素),但是我不知道如何仅针对Safari,最好仅针对Safari mac。 最好的方法是什么? 问题答案: 这是您可以在页面上(或在单独的js文件中)包含的脚本,该脚本会将类添加到html元素,以便您