如何在不使用 hack 的情况下使用有效的 CSS 来定位 IE7 和 IE8？
- Barbara Streisand原创
- 2024-10-30 09:04:02428浏览
使用有效 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中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn