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

区分IE6、IE7、IE8、Firefox2、Firefox3的CSS hacks

阅读更多
IE8正式版已经发布,对于网页设计者来说,在不开启IE8的兼容模式下,网站能否正常显示成了一个需要注意的问题,虽然IE8号称更加符合标准,但还是会出现局部显示不正确的bug,本站以前提供过一次有关于IE8的Hack,见《IE6、IE7、IE8、FF的简单Hack》,发现那里面提供的有关IE8那个hack好像并不起作用,本文提供一个可以同时区分IE6、IE7、IE8、Firefox2、Firefox3的CSS hacks,方便在IE8下局部显示不正确的时候进行调整,避免重写CSS,经过测试,这种IE8 的hacks可用。

可同时区分IE8、IE7、IE6、Firefox3、Firefox2的CSS hacks:

CSS代码
 
.test{   
     color:/*\**/#00f\9; /* IE8 */   
}   
.test,   
.test:-moz-any-link{   
     color:#f60; /* Firefox2 */   
}   
.test,   
.test:default{   
     color:#000; /* Firefox3 */   
     *color:#f00; /* IE7 */   
     _color:#0f0; /* IE6 */   
}   

可同时区分IE8、IE7、IE6、Firefox的CSS hacks:


CSS代码
.test{   
     color:#000; /* Firefox */   
     color:/*\**/#00f\9; /* IE8 */   
     *color:#f00; /* IE7 */   
     _color:#0f0; /* IE6 */   
}   
 


关于IE8的hacks:


CSS代码
 
.test{   
     color:/*\**/#00f\9; /* IE8 only */   
     color:#00f\9; /* 适用于所有IE版本 */   
}   

       虽然这个hacks可用,但还是希望能够尽量少用或者不用hacks,从显示不正常的原因着手解决问题才能达到完美,毕竟hack的写法不符合也通不过w3c对样式表的交验。
分享到:
评论

相关推荐

    网页制作需要了解的IE8、IE7、IE6、Firefox3、Firefox2的CSS hacks

    在本文中,我们将探讨如何使用CSS hacks来区分IE8、IE7、IE6以及Firefox3和Firefox2,以确保网站在这些浏览器下能够正常显示。 首先,CSS hacks是利用浏览器之间的差异和bug来为不同浏览器编写特定的CSS代码,以...

    css hacks 利用浏览器的漏洞来隐藏特定浏览器的CSS规则

    - **IE8, Firefox, Safari, Opera (除了IE6,7)** ```css html > /**/ body #cuatro { color: red; } ``` - **Opera 9.27及以下, Safari 2** ```css html :first-child #cinco { color: red; } ``` - **Safari ...

    CSS在IE6下不起作用,没有效果

    其他浏览器(如IE7及以上版本,Firefox等)则遵循正确的盒模型,将边框和内边距计算在外部尺寸。 其次,IE6不支持一些CSS选择器,例如类选择器的组合(如`div p`或`div .class`)、伪类(如`:hover`,在非链接元素...

    网页兼容问题、IE、FireFox

    在网页开发过程中,兼容性问题始终是一个不可忽视的挑战,特别是在面对不同的浏览器,如Internet Explorer(IE)和Firefox时。本文将深入探讨IE5至IE9以及Firefox的兼容性问题,解析解决这些问题的方法,以及如何...

    CSS.Hacks.and.Filter

    ### CSS Hacks与Filter详解 #### 一、CSS Hacks简介 在Web开发领域,不同浏览器对于CSS的支持程度和解析方式存在差异。由于CSS标准本身并没有提供一种直接的方法来指定某个特定版本的浏览器,这就导致了跨浏览器...

    browser-hack-sass-mixins:浏览器hack sass mixin-将SCSS应用于特定的浏览器-CSS hacks:IE,Chrome,Firefox,Edge,Opera

    3. **Firefox Hacks**: - Firefox通常遵循W3C标准,但在某些版本中也存在特有的问题。可以通过`@-moz-document`规则,或者针对Firefox特定版本的CSS属性来实现hack。 4. **Edge Hacks**: - Microsoft Edge基于...

    Firefox Hacks

    ### Firefox Hacks 知识点解析 #### 一、Firefox 插件技术 **1.1 插件机制概述** Firefox 作为一个开放源代码的浏览器,支持用户通过安装各种插件来扩展其功能。这些插件(也称为扩展)可以为用户带来额外的功能...

    针对IE6的一些CSS Hack编写时的注意点小结

    3. 同时区分IE8、IE7、IE6、Firefox的CSS Hacks: - 可以通过多重CSS属性覆盖的方式,为不同浏览器设置不同的样式。例如: ```css .test { color: #000; /* Firefox */ color: /*\**/#00f\9; /* IE8 */ *color...

    浏览器特定的CSS Hacks汇总

     利用这些CSS Hacks,你能够更好的针对IE、Chrome、Firefox、Opera和Safari,代码如下: 浏览器特定的CSS Hacks综合列表: 复制代码代码如下:/***** Selector Hacks ******//* IE6 and below */* ...

    John.Wiley.and.Sons.CSS.Hacks.and.Filters.Making.Cascading.Stylesheets.Work.May.2005.eBook-LinG

    1. 浏览器差异分析:讲解各主流浏览器(如IE、Firefox、Chrome、Safari等)对CSS的支持情况。 2. CSS Hacks详解:介绍各种常用的CSS Hack技巧,如条件注释、属性前缀、选择器hack等。 3. Filters的应用:教授如何...

    firefox-csshacks:影响浏览器的用户样式集合

    Firefox的随机CSS hack集合 该存储库包含各种样式,以修改Mozilla Firefox的外观。 这些样式表大多是独立的,可以自由地相互混合,但是不能保证与第三方样式的兼容性。 如果某个特定样式依赖于另一种样式,则将在...

    Programming Firefox

    ### 编程火狐:深入理解与应用 #### 核心知识点概述 ...总之,《Programming Firefox》这本书不仅为读者提供了全面的Firefox编程指南,还引导读者探索更广阔的技术领域,是一本非常有价值的参考资料。

    CSS Cookbook, 3rd Edition

    You’ll learn about the behavior of the latest browsers-including IE 8, Firefox 3, Safari 4, and Google Chrome-and how you can resolve differences in the ways they display your web pages. Arranged in...

    网页制作中十个最好的CSS hacks

    实现元素的透明效果,可以使用filter(针对IE)、-moz-opacity(Firefox)和opacity(通用)这三个属性。 8. PRE 标签预格式(PRE Tag): PRE标签用于保留原文档的空白字符,但不同浏览器的处理方式不尽相同。这...

    The CSS Anthology: 101 Essential Tips, Tricks & Hacks, 3rd Edition

    selling book, published in full color, has been completely revised and updated to cover the latest techniques and newer browsers, including Firefox 3 and Internet Explorer 8.It’s the most complete ...

    programming firefox 2007

    ### 编程Firefox 2007:标准基础互联网应用设计与开发 #### 知识点一:目标读者群体及应用场景 **编程Firefox**这本书主要面向两类人群:设计师和开发者。这些人负责创建基于标准的互联网应用程序,这既包括服务器...

    解决IE与火狐浏览器padding-top差2px问题

    尤其是早期的Internet Explorer(简称IE)和Mozilla Firefox(简称火狐)浏览器之间,由于它们采用不同的渲染引擎,经常会出现一些令人头疼的兼容性问题。在这些兼容性问题中,比较普遍的是关于元素的padding-top...

    padding ie 不兼容问题

    在上述给定的文件信息中,已经提到在IE6、IE7以及Firefox(FF)等浏览器中存在padding兼容性问题。为了解决这些兼容性问题,文档中提到以下几种处理方法: 1. 使用CSS的!important声明来覆盖样式表中低优先级的CSS...

    很不错的 CSS Hack 又学了一招

    /*For IE7 & IE6*/`:这个语句用于 IE7 和 IE6 浏览器,设置元素的高度为 25px。这里的星号(*)是 hack 语句的一部分,用于区分 IE 浏览器和其他浏览器。 * `_height:20px; /*For IE6*/`:这个语句用于 IE6 浏览器...

Global site tag (gtag.js) - Google Analytics