`
zhoucl
  • 浏览: 49930 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

[转]CSS Hack浏览器兼容IE6+IE7+IE8+IE9+FF

阅读更多

自从安装了IE8.0正式版本!就对基本的几个 CSS HACK的做一下归纳!希望对网页前端布局DIV+CSS的实施者有所帮助!

  本文就主要以:IE6+IE7+IE8+IE9+FF为主要研究对象

HACK原理:不同浏览器对各中字符的识别不同 (读完文章你会发现,FF和IE8对以下字符的识别能力完全相同)

在 CSS中常用特殊字符识别表:

(1) *   IE6+IE7 都能识别*,而标准浏览器FF+IE8是不能识别*的;

(2) !important : 除IE6不能识别  !important外,    FF+IE8+IE7 都能识别!important ;

(3) _   : 除IE6 支持_  外,    FF+IE8+IE7都不支持_;

(4)\9 :所有IE 浏览器都识别(IE6、IE7、IE8、IE9)

 

示例:

(1)区别FF(IE8)与IE6 IE7

backgorund:orange;  FF和IE8背景色将为橘黄色

*backgorund:red;      IE6和IE7背景色将为红色

 

(2)区别FF(IE8)与IE6与IE7

background:orange;      FF和IE8背景色将为橘黄色

*background:red !important;    IE7背景色将为红色

*background:blue;          IE6背景色将为蓝色       

(3)区别FF(IE8)与IE6与IE7

background:orange;                FF和IE8背景色将为橘黄色

*background:red;                    IE7背景色将为红色

_background:blue;                  IE6背景色将为蓝色

(4)区别FF与IE6 IE7 E8

color:gray;            FF等非IE浏览器字体色将为灰色

color:red\9;        IE8 IE9字体色将为红色

*color:green;        IE7字体色将为绿色

_color:blue;        IE6字体色将为蓝色

 

提示:CSS HACK书写顺序:先写FF等非IE浏览器所需样式,其次写IE8所需样式,接着是IE7的,再接着才是IE6的!

 

总结:实际运用中我感觉比较少用到!important ,只要你记住"*"和"_"我想就足够区别于FF(IE8)与IE6与IE7了.

 

转载:http://blog.sina.com.cn/s/blog_51e457060100piku.html

分享到:
评论

相关推荐

    CSS Hack 浏览器兼容文档

    本篇文章主要探讨了针对IE6、IE7、IE8、IE9以及Firefox(FF)的CSS Hack方法。 1. **CSS Hack原理**: 不同的浏览器对某些CSS特性或者字符的识别有所不同。例如,星号(*)在IE6和IE7中被识别为一个选择器前缀,但...

    ie6 ie7 ff浏览器兼容

    #### 标题解析:“ie6 ie7 ff浏览器兼容” 该标题明确指出了文章关注的核心问题——即确保网页能在IE6、IE7及Firefox等浏览器中正确显示。这意味着开发者需要采取一定的措施来适配这些浏览器,确保无论用户使用何种...

    基于Jquery可居中显示并兼容IE6+/FF等浏览器的瀑布流程序(jquery.easing.js,jquery.vgrid.js实现)

    总的来说,这个项目提供了一套实用的解决方案,不仅实现了瀑布流布局,还通过优秀的浏览器兼容性优化,提升了用户体验。对于需要开发此类布局的前端开发者来说,这是一个值得学习和参考的示例。

    div+css兼容ie6ie7ie8ie9和FireFoxChrome等浏览器方法[借鉴].pdf

    本文将深入探讨如何使CSS样式兼容IE6、IE7、IE8、IE9以及Firefox、Chrome等现代浏览器。 1. **DOCTYPE声明的影响**: DOCTYPE声明对于浏览器的渲染模式至关重要。在HTML文档的顶部加入正确的DOCTYPE,如`<!DOCTYPE...

    CSS样式兼容IE6、IE7、IE8、FF火狐浏览器的方法

    在探讨CSS样式兼容IE6、IE7、IE8与火狐浏览器的方法时,我们需深入理解不同浏览器对CSS的支持差异,以及如何通过特定的技术手段确保网页在这些浏览器中的一致性和美观性。以下是对这一主题的详细解析: ### 1. 了解...

    浏览器兼容性CSS,IE6,IE7,FF

    浏览器兼容性是Web开发中的一个关键议题,尤其是对于CSS(层叠样式表)而言,由于不同的浏览器对CSS标准的支持程度不一,导致开发者在设计网页时必须考虑多种浏览器的兼容问题。本文主要针对IE6、IE7和Firefox(FF)...

    CSS浏览器兼容性问题(IE6,IE7,IE8和Fixfox)

    【CSS浏览器兼容性问题(IE6,IE7,IE8和Firefox)】 在网页开发中,CSS(层叠样式表)的浏览器兼容性是设计师和开发者必须面对的一大挑战。尤其在处理IE6、IE7、IE8以及Firefox等不同浏览器时,由于各浏览器对CSS规范...

    CSS完美兼容IE6_IE7_FF的通用方法

    ### CSS完美兼容IE6_IE7_FF的通用方法 在网页设计与开发过程中,浏览器兼容性问题一直是前端开发者面临的重要挑战之一。特别是在早期的Web开发中,如何让网站同时兼容Internet Explorer 6(简称IE6)、Internet ...

    ie6,ie7,ie8和FF下CSS解决兼容性大全(CSS HACK)

    搜集整理的CSS HACK,也即是在多种浏览器(主要是ie6 ie7 ie8 ff)下样式统一的解决办法。 内容还是较全的,前台开发中常见的兼容性问题都可以找到解决方法,值得研究。 包括各浏览器CSS hack,技巧。有实例。

    CSS完美兼容IE6IE7FF的通用方法

    ### CSS完美兼容IE6、IE7与Firefox的通用方法详解 在Web开发的历史长河中,浏览器兼容性一直是开发者面临的重大挑战,尤其是处理早期版本的Internet Explorer(IE6和IE7)与现代浏览器如Firefox之间的差异。本文将...

    css浏览器兼容写法

    在网页设计中,CSS(层叠样式表)的浏览器兼容性问题是一大挑战,尤其是在处理老版本的浏览器,如IE6、IE7时。不同浏览器对CSS的理解和解析方式存在差异,导致样式在不同浏览器中可能表现不一致。本文将详细介绍如何...

    ie6_ie7_ie8_ff(火狐)浏览器兼容性

    在IT行业的前端开发领域,浏览器兼容性一直是一个关键议题,特别是在处理旧版浏览器如IE6、IE7、IE8以及火狐(Firefox)时。本文将深入探讨这些浏览器的兼容性问题,以及如何通过特定的技术手段来实现跨浏览器的一致...

    区分ie6 7 8 FF 的css hack 日常总结

    "区分ie6 7 8 FF 的css hack 日常总结"这个主题集中讨论了如何针对IE6、IE7、IE8以及Firefox等浏览器编写特定的CSS代码来实现跨浏览器的兼容性。 首先,让我们了解CSS Hack的基本概念。CSS Hack是指由于不同浏览器...

    DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf

    本文档“DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf”主要关注如何处理Firefox和不同版本的Internet Explorer(IE6、IE7、IE8、IE9)之间的CSS差异。以下是一些关键知识点的详细说明: 1. **CSS Hack**: - CSS Hack...

    浏览器兼容.doc-CSS hack姐姐兼容性问题

    然而,针对IE6、IE7、Firefox、Chrome、Opera等其他浏览器的兼容性问题,我们需要使用更复杂的CSS Hack。以下是一个示例: ```css .t1 { color: #000000; *color: #0000FF; /* 仅IE7识别 */ _color: #66CCCC; /*...

    IE6、IE7、IE8、Firefox、Chrome、Safari的CSS hack兼容一览表

    ### IE6、IE7、IE8、Firefox、Chrome、Safari的CSS Hack兼容一览表 在Web开发过程中,为了确保网站能够在不同的浏览器中保持一致的显示效果,开发者常常需要运用CSS Hack技术来解决浏览器间的兼容性问题。CSS Hack...

    简单CSShack:区分IE6、IE7、IE8、Firefox、Opera().pdf

    在《简单CSShack:区分IE6、IE7、IE8、Firefox、Opera》中,作者介绍了两种主要的方法来针对这些浏览器进行CSS样式区分。 方法一主要依赖于特殊的CSS选择器来区分浏览器。以下是对四种特殊符号的测试结果: 1. `>`...

    div+css中常见的浏览器兼容性处理

    【CSS浏览器兼容性处理】 在Web开发中,CSS(层叠样式表)是用于控制网页元素样式的关键技术。然而,不同的浏览器对CSS的理解和解析方式存在差异,这可能导致在某些浏览器下网页显示不正常。特别是在使用div+css...

Global site tag (gtag.js) - Google Analytics