针对IE7的CSS Hack

关注

转载最新推荐文章于 2026-03-22 00:58:01 发布 691 阅读 AI 写同款· GEO 优化 ›

CD74HC4067扩展16路ADC采集：从入门到踩坑全解析在嵌入式系统设计与数据采集中，ADC（模数转换器）通道数不足是常见的工程瓶颈。通过模拟多路开关（MUX）复用单一ADC输入，可实现多通道信号分时采集，既保留了原MCU平台，又显著降低成本与开发周期。CD74HC4067作为16选1模拟开关，采用4位地址线控制，具备低导通电阻、高关断隔离等特性，适用于传感器信号巡检、工业监控等慢变信号场景。本文结合STM32F103实际问题，详解CD74HC4067的接线、参数选型与软件轮询策略，并重点剖析两个典型调试坑：EN引脚悬空导致通道失效，以及切换后首拍数据跳动问题，阅读详情

IE7 修复了很多 bug，也增加了对一些选择符的支持，所以现在诸如 *html {} 和 html>body {} 等针对 IE 隐藏或显示的 hack 都会在 IE7 中失效。虽然 CSS Hack 不推荐使用，条件注释才是万无一失的过滤器，但是条件注释只能出现在 HTML 中，CSS Hack 还是有用武之地的。Nanobot 发现了一些针对 IE7 的 CSS Hack，具体就是：

>body
html*
*+html

这三种写法，其中前两种都是不合法的 CSS 写法，在标准兼容浏览器中被被忽略，但是 IE7 却不这么认为。对于 >body ，它会将缺失的选择符用全局选择符 * 代替，也就是将其处理成了 *>body，而且不光对于 > 选择符，+,~ 选择符中这个现象也存在。对于 html* ，由于 html 和 * 之间没有空格，所以也是一种 CSS 语法错误，但 IE7 不会忽略，而是错误地认为这里有一个空格。对于第三种 *+html，IE7 认为 html 前面的 DTD 声明也是一个元素，所以 html 会被选中，这三种方法中只有这一种方法是合法的 CSS 写法，也就是说可以通过校验器的验证，因此也是作者推荐的 hack 用法。

最后作者给出了最佳方式：

IE 6 and below
Use * html {} to select the html element.
IE 7 and below
Use *+html, * html {} to select the html element.
IE 7 only
Use *+html {} to select the html element.
IE 7 and modern browsers only
Use html>body {} to select the body element.
Modern browsers only (not IE 7)
Use html>/**/body {} to select the body element.