您现在的位置是:网站首页> 编程资料编程资料

CSS Hack 浏览器兼容整理 _浏览器兼容教程_CSS_网页制作_

2023-11-01 571人已围观

简介 CSS Hack 浏览器兼容问题,大家可以参考下,实现自己的目的。

一、基础概念

CSS hack:针对不同的浏览器写不同的CSS code的过程。

Css hack的原理:由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。

浏览器优先级别:FF < IE7 < IE6

书写顺序一般是将识别能力强的浏览器的CSS写在后面,CSS hack书写顺序一般为FF IE7 IE6

div+css浏览器兼容IE6,IE7,FF之间的标识区别:

 
IE6
IE7
FF
*
×
important
×

 

1. IE都能识别* ; 标准浏览器(如FF)不能识别*;

2. IE6能识别*,但不能识别 !important,

3. IE7能识别*,也能识别!important;

4. firefox不能识别*,但能识别!important;

 

1.IE6和firefox的区别:
       background:orange;*background:blue;
       意思就是火狐浏览器的背景颜色是橙色,而IE浏览器的背景色是蓝色.

2. IE6和IE7的区别:
       background:green !important;background:blue;
       意思指的是:IE7的背景颜色是绿色,IE6的背景颜色是蓝色

3. IE7和FF的区别:
       background:orange; *background:green;
       意思指的是:火狐浏览器的背景颜色是橙色,而IE7的背景颜色是绿色

4. FF,IE7,IE6的区别:
       background:orange;
       *background:green !important;
       *background:blue;
       意思是火狐浏览器的的背景橙色,IE7浏览器的背景颜色是绿色,而IE6浏览器的颜色是蓝色.

 二、实践建议

   (一).  开发平台的选择

        在 Firefox 上编写CSS, 同时兼容其他浏览器的. 这样做肯定会比在 IE 做好再到别的浏览器兼容来得容易, 因为 IE 对老标准支持还是很不错的, 而 IE 的一些特有功能人家却不支持. 所以推荐以 Firefox 结合 Firebug 扩展作为平台。

   (二).  CSS Hack 的顺序

使用 Firefox 作为平台, 只要代码写得够标准, 其实要 Hack 的地方不会很多的, IE 以外的浏览器几乎都不会有问题, 所以可以暂时忽略,

顺序如下:Firefox -> IE6 -> IE7 -> 其他

   (三).   Hack 的方法

说到方法有两种, 一种是在不同文件中处理, 另一种则是在同一个文件中处理. 其实作用是相同的, 只是出发点不一样而已.

1. 同一文件中处理.
: id="bgcolor" 的控件要在IE6 中显示蓝色, IE7 中显示绿色, Firefox 等其他浏览器中显示红色。

IE6 不认 !important, 也不认 *+html. 所以 IE6 只能是 blue.
IE7
!important, 也认 *+html, 优先度: (*+html + !important) > !important > +html. IE7 可以是 red, blue green, green 的优先度最高.
Firefox
和其他浏览器都认 !important. !important 优先, Firefox 可以是 red blue, red 优先度高.
提示: 本文由整理自网络,如有侵权请联系本站删除!
本站声明:
1、本站所有资源均来源于互联网,不保证100%完整、不提供任何技术支持;
2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途;否则由此产生的法律后果,本站概不负责!

-六神源码网