• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >浏览器兼容 > CSS Hack 浏览器兼容整理

CSS Hack 浏览器兼容整理

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-06-02

本文主要包含360浏览器 css hack,css hack,css hack是什么意思,css hack技巧,什么是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之间的标识区别:

 

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 等其他浏览器中显示红色。

您可能想查找下面的文章:

  • 2010全面兼容多浏览器IE6-IE7-IE8-FF的CSS HACK写法
  • CSS Hack 有关浏览器兼容方面
  • CSS Hack 浏览器兼容整理

相关文章

  • 2017-06-022010全面兼容多浏览器IE6-IE7-IE8-FF的CSS HACK写法
  • 2017-06-02兼容ie的内阴影和外阴影实现效果及测试代码
  • 2017-06-02浏览器兼容之旅第三站:IE常见Bug总结及修复方法—part1
  • 2017-06-02IE7 float:right 右浮动时元素换行错位的bug解决方法
  • 2017-06-02IE下textarea默认不显示滚动条的实现代码
  • 2017-06-02DIV+CSS 兼容小集
  • 2017-06-02IE6 position:fixed bug (固定窗口方法)
  • 2017-06-02css 解决浏览器兼容问题
  • 2017-06-02IE6 float:left margin-left出现两倍像素
  • 2017-06-02修复网页在IE8 下的显示兼容问题

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • ie8下不解析background属性与书写格式有关
    • 基于firebug的firefox扩展 css usage
    • css中IE判断语句 if !IE
    • 针对主流浏览器的CSS-HACK写法及IE常用条件注释
    • 2013年五大主流浏览器 HTML5 与 CSS3 兼容性大比拼
    • FireFox下文本框/域百分比自适应数值padding显示bug解决方案
    • ie8 background背景图片没有显示
    • 关于交互设计中的默认值的设计要点
    • 让IE 6,7,8支持CSS3的部分属性及htc的应用
    • css IE8 兼容问题的汇总

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有