CSS兼容问题之HACK技术

2020-05-08 09:56:37易采站长站整理

区别符号:「*」、「_」

例:#tip{ *background:black;/*IE7背景变 */ _background:orange;/*IE6背景变橘 */ }

说明:IE7和IE6都可以辨识「*」( 字号),但IE6可以辨识「_」(底线),IE7却 法辨识,透过IE7 法读取「_」 的特性就能轻鬆区隔IE6和IE7之间的差异。

6.区别IE6、IE7( 法2)

区别符号:「!important」

例:#tip{ background:black!important;/*IE7背景变 */ background:orange;/*IE6背景变橘 */ }

说明:因为IE7可读取「!important;」但IE6却不 , CSS的读取步骤是从上到下,因此IE6读取时因 法辨识 「!important」 直接跳到下 读取CSS,所以背景 会呈现橘 。

7.区别IE6、Firefox

区别符号:「_」

例:#tip{ background:black;/*Firefox背景变 */ _background:orange;/*IE6背景变橘 */ }

说明:因为IE6可以辨识「_」(底线),但是Firefox却不 ,因此可以透过这样的差异来区隔Firefox和IE6,有效达 成CSShack。

总结:

希望这些HACK技术总结能够帮到需要帮助的开发者,也希望大家不会再IE系列的兼容问题上纠结的太多!