如何将 CSS 样式专门应用于 Internet Explorer 7、8 和 9？

仅将 CSS 应用到 Internet Explorer

将 CSS 的应用限制到特定版本的 Internet Explorer，例如 7、8 和9、利用 Microsoft 特定的媒体查询提供了一种有效的解决方案。

在提供的示例中，CSS 代码旨在仅将 100% 的宽度应用于 IE 浏览器。以下是其工作原理的详细说明：

<code class="css">@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #myElement {
        width: 100%;
    }
}</code>

Microsoft 特定媒体查询：

• 媒体查询屏幕和 (-ms-high-对比：活跃），（-ms-high-contrast：无）是专门为Microsoft IE设计的。
• -ms-high-contrast属性是IE特有的，用于确定用户是否具有高对比度-contrast 模式已启用。

验证：

• 通过为 -ms-high-contrast 包含活动值和无值，媒体查询可确保与 IE 版本兼容，无论高对比度模式设置如何。
• IE 只会解析此媒体查询，而其他浏览器将忽略它。

结论：

此方法有效地将 CSS 专门应用于 Internet Explorer 版本 7、8 和 9，允许您定位特定浏览器，而不影响网站的其余样式。

以上是如何将 CSS 样式专门应用于 Internet Explorer 7、8 和 9？的详细内容。更多信息请关注PHP中文网其他相关文章！