首页 > web前端 > css教程 > 如何在不使用 hack 的情况下使用有效的 CSS 来定位 IE7 和 IE8?

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

Barbara Streisand
发布: 2024-10-30 09:04:02
原创
436 人浏览过

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板