如何在不使用 hack 的情况下使用有效的 CSS 来定位 IE7 和 IE8？-css教程-PHP中文网

如何在不使用 hack 的情况下使用有效的 CSS 来定位 IE7 和 IE8？

Barbara Streisand

发布： 2024-10-30 09:04:02

原创

343 人浏览过

How can I target IE7 and IE8 with valid CSS without using hacks?

使用有效 CSS 定位 IE7 和 IE8

简介：

针对旧版本进行设计由于 CSS 支持的不一致，Internet Explorer 可能具有挑战性。本文探讨了在遵守 W3C 标准的同时专门针对 IE7 和 IE8 的方法。

无需黑客手段的显式定位：

要显式针对 IE 版本而不诉诸 CSS 黑客手段，将浏览器唯一的类分配给元素。然后，该类可用于 CSS 选择器。

<html lang="en" class="ie7"> <!-- IE7 -->

登录后复制

在 CSS 中，使用该类来设置目标浏览器的样式：

.ie7 body { 
    border: 1px solid blue; 
}

登录后复制

使用 CSS Hacks 进行定位：

或者，可以使用 CSS hack 来实现特定于浏览器的样式：

"9"：目标 IE8 及更低版本
“*”：针对 IE7 及更低版本
“_”：针对 IE6

示例：

body { 
    border: 1px solid red; /* standard */
    border: 1px solid blue; /* IE8 and below */
    *border: 1px solid orange; /* IE7 and below */
    _border: 1px solid blue; /* IE6 */
}

登录后复制

以 IE10 为目标：

要以无法识别条件语句的 IE10 为目标，请使用以下脚本：

<script>if (/*@cc_on!@*/false) {document.documentElement.className+=' ie10';}</script>

登录后复制

将其添加到

中。部分将“ie10”类分配给元素：

<html lang="en" class="ie10"> <!-- IE10 -->

登录后复制

以上是如何在不使用 hack 的情况下使用有效的 CSS 来定位 IE7 和 IE8？的详细内容。更多信息请关注PHP中文网其他相关文章！

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程

如何在不使用 hack 的情况下使用有效的 CSS 来定位 IE7 和 IE8？