如何通过 CSS Hack 专门针对 Internet Explorer 11？

如何使用 CSS Hacks 专门针对 IE 11

使用 CSS 专门针对 Internet Explorer 11 可以通过 Microsoft 特定的组合来实现规则。通过利用这些规则，可以创建仅将样式应用于 IE 11 而忽略其他浏览器的 hack。

一种方法涉及使用 @media all 和 (-ms-high-contrast: none) 规则。此规则针对所有禁用高对比度模式的浏览器。由于这是 Microsoft 特定的功能，因此它仅匹配 IE 10 和 IE 11。

在此媒体查询中，您可以使用 *::-ms-backdrop 选择器将样式专门应用于 IE 11。此选择器针对 IE 11 中某些焦点状态创建的背景元素。

例如，以下 CSS 代码可用于针对 IE 11 并更改类“foo”的元素的颜色:

@media all and (-ms-high-contrast:none)
{
  .foo { color: green } /* IE10 */
  *::-ms-backdrop, .foo { color: red } /* IE11 */
}

此方法之所以有效，是因为使用无效的 CSS 选择器（例如 *::-ms-backdrop）会导致 IE 11 忽略整个选择器块。通过将此无效选择器与有效选择器相结合，您可以有效地定位 IE 11，而不会影响其他浏览器。

以上是如何通过 CSS Hack 专门针对 Internet Explorer 11？的详细内容。更多信息请关注PHP中文网其他相关文章！