您现在的位置是：网站首页> 编程资料编程资料
CSS兼容问题之HACK技术_CSS教程_CSS_网页制作_
2021-09-13
830人已围观
简介 这篇文章主要为大家详细介绍了HTML兼容问题之HACK技术，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
有话先说：本文的目的主要是向大家描述一下我们在遇见IE8版本以下以及Firefox兼容的问题。
CSS Hack原理是通过不同浏览器自身所带有的特别标识符以及CSS中优先级的机制来实现不同浏览器里CSS样式兼容性的问题。
针对不同的浏览器写不同的CSS的过程，这就叫CSS hack，也叫写CSS hack，相信您会对一些比较不易解决的兼容问题有一定的兴趣。
注意点：
网上很多资料中常常把!important也作为 个hack 段，其实这是 个误区。!important常常被我们 来更改样式， 不是兼容hack。造成这 个误区的原因是IE6在某些情况下不主动识别!important,以 于常常被 误 做识别IE6的hack。可是， 家注意 下，IE6只是在某些情况下 不识别（ie6下，同 个 括号 对同 个样式属性定义，其中 个加important 则important标记是被忽略的，例：{background:red!important; background:green;} ie6下解释为背景 green，其它浏览器解释为背景 red；如果这同 个样式在不同 括号 定义，其中 个加important 则important发挥正常作 ，例：div{background:red!important} div{background:green}，这时所有浏览器统一解释为背景色为红色）
CSS HACK区别IE6、IE7、IE8、Firefox兼容问题
1.区别IE和非IE浏览器
例：#tip{ background:blue;/* IE背景
相关内容
- CSS3实现漂亮的照片墙效果的简单实例(推荐)_CSS教程_CSS_网页制作_
- CSS3解决移动页面上点击链接触发色块的问题 _css3_CSS_网页制作_
- 深入解读CSS3中transform变换模型的渲染_css3_CSS_网页制作_
- 像素密度与CSS3的viewport在移动端Web响应式布局中的运用_CSS布局实例_CSS_网页制作_
- 针对IE6的一些CSS Hack编写时的注意点小结_浏览器兼容教程_CSS_网页制作_
- CSS制作边框效果的技巧总结_CSS教程_CSS_网页制作_
- CSS设置HTML元素的高度与宽度的各种情况总结_CSS教程_CSS_网页制作_
- 深入理解CSS中的盒子模型_CSS教程_CSS_网页制作_
- 使用CSS3的rem属性制作响应式页面布局的要点解析_css3_CSS_网页制作_
- 导航栏的多样设置简单实例_CSS教程_CSS_网页制作_
