专门为 IE 11 编写 CSS Hacks
要使用 CSS hacks 来针对 IE 11,您可以利用 Microsoft 特定的 CSS 规则。以下适用于 IE11 的组合过滤器:
@media all and (-ms-high-contrast:none) { .foo { color: green } /* IE10 */ *::-ms-backdrop, .foo { color: red } /* IE11 */ }
此过滤器之所以有效,是因为无法解析选择器的用户代理(即,它不是有效的 CSS 2.1)将忽略选择器和以下声明块。
示例:
<!doctype html> <html> <head> <title>IE10/11 Media Query Test</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <style> @media all and (-ms-high-contrast:none) { .foo { color: green } /* IE10 */ *::-ms-backdrop, .foo { color: red } /* IE11 */ } </style> </head> <body> <div class="foo">Hi There!!!</div> </body> </html>
以上是如何使用 CSS Hacks 仅针对 Internet Explorer 11?的详细内容。更多信息请关注PHP中文网其他相关文章!