如何使用现代 CSS 技术有效定位 Internet Explorer 10？

以 Internet Explorer 10 为目标：综合指南

许多 Web 开发人员都会遇到以特定浏览器版本（例如 Internet Explorer 10）为目标的挑战。虽然传统的条件注释在 IE10 中已被证明不可靠，但有一些替代方法可以有效地解决这一需求。

条件注释在 IE10 中失败

您提供的代码片段尝试使用条件注释以 IE10 为目标。然而，IE10 会忽略这些注释，而是选择嵌套的 HTML 代码。这使得这种方法对于专门针对 IE10 无效。

现代浏览器定位技术

而不是依赖条件注释或浏览器检测方法（例如 navigator.userAgent），使用提供精确定位的现代 CSS 技术。

定位 IE9、10 和 11

要定位 IE9 到 IE11 版本，请使用以下 CSS 媒体查询：

@media screen and (min-width:0<pre class="brush:php;toolbar:false">@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS here */
}

) { /* Enter CSS here */ }

仅定位 IE10

使用以下 CSS 媒体查询专门定位 IE10：

@supports (-ms-accelerator:true) {
  .selector { property:value; } 
}

定位 Edge 浏览器

如果您需要定位 Microsoft Edge 浏览器，请使用以下 CSS 功能查询：

参考文献

• [移动互联网将浏览器特定的 CSS 放入 @media 块中](https://nicolasgallagher.com/about-html-conditional-comments-and-css-media-queries/)
• [如何在中定位 Internet Explorer 10 和 11 CSS](https://css-tricks.com/how-to-target-ie10-11-using-css/)
• [适用于 Windows 10 和 Microsoft Edge Web 浏览器的 CSS Hacks](https:// /css-tricks.com/css-hacks-for-windows-10-and-microsofts-edge-web-browser/)

以上是如何使用现代 CSS 技术有效定位 Internet Explorer 10？的详细内容。更多信息请关注PHP中文网其他相关文章！