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对样式表的交验。
分享到:
相关推荐
在本文中,我们将探讨如何使用CSS hacks来区分IE8、IE7、IE6以及Firefox3和Firefox2,以确保网站在这些浏览器下能够正常显示。 首先,CSS hacks是利用浏览器之间的差异和bug来为不同浏览器编写特定的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 ...
其他浏览器(如IE7及以上版本,Firefox等)则遵循正确的盒模型,将边框和内边距计算在外部尺寸。 其次,IE6不支持一些CSS选择器,例如类选择器的组合(如`div p`或`div .class`)、伪类(如`:hover`,在非链接元素...
在网页开发过程中,兼容性问题始终是一个不可忽视的挑战,特别是在面对不同的浏览器,如Internet Explorer(IE)和Firefox时。本文将深入探讨IE5至IE9以及Firefox的兼容性问题,解析解决这些问题的方法,以及如何...
### CSS Hacks与Filter详解 #### 一、CSS Hacks简介 在Web开发领域,不同浏览器对于CSS的支持程度和解析方式存在差异。由于CSS标准本身并没有提供一种直接的方法来指定某个特定版本的浏览器,这就导致了跨浏览器...
3. **Firefox Hacks**: - Firefox通常遵循W3C标准,但在某些版本中也存在特有的问题。可以通过`@-moz-document`规则,或者针对Firefox特定版本的CSS属性来实现hack。 4. **Edge Hacks**: - Microsoft Edge基于...
### Firefox Hacks 知识点解析 #### 一、Firefox 插件技术 **1.1 插件机制概述** Firefox 作为一个开放源代码的浏览器,支持用户通过安装各种插件来扩展其功能。这些插件(也称为扩展)可以为用户带来额外的功能...
3. 同时区分IE8、IE7、IE6、Firefox的CSS Hacks: - 可以通过多重CSS属性覆盖的方式,为不同浏览器设置不同的样式。例如: ```css .test { color: #000; /* Firefox */ color: /*\**/#00f\9; /* IE8 */ *color...
利用这些CSS Hacks,你能够更好的针对IE、Chrome、Firefox、Opera和Safari,代码如下: 浏览器特定的CSS Hacks综合列表: 复制代码代码如下:/***** Selector Hacks ******//* IE6 and below */* ...
1. 浏览器差异分析:讲解各主流浏览器(如IE、Firefox、Chrome、Safari等)对CSS的支持情况。 2. CSS Hacks详解:介绍各种常用的CSS Hack技巧,如条件注释、属性前缀、选择器hack等。 3. Filters的应用:教授如何...
Firefox的随机CSS hack集合 该存储库包含各种样式,以修改Mozilla Firefox的外观。 这些样式表大多是独立的,可以自由地相互混合,但是不能保证与第三方样式的兼容性。 如果某个特定样式依赖于另一种样式,则将在...
### 编程火狐:深入理解与应用 #### 核心知识点概述 ...总之,《Programming Firefox》这本书不仅为读者提供了全面的Firefox编程指南,还引导读者探索更广阔的技术领域,是一本非常有价值的参考资料。
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...
实现元素的透明效果,可以使用filter(针对IE)、-moz-opacity(Firefox)和opacity(通用)这三个属性。 8. PRE 标签预格式(PRE Tag): PRE标签用于保留原文档的空白字符,但不同浏览器的处理方式不尽相同。这...
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 ...
### 编程Firefox 2007:标准基础互联网应用设计与开发 #### 知识点一:目标读者群体及应用场景 **编程Firefox**这本书主要面向两类人群:设计师和开发者。这些人负责创建基于标准的互联网应用程序,这既包括服务器...
尤其是早期的Internet Explorer(简称IE)和Mozilla Firefox(简称火狐)浏览器之间,由于它们采用不同的渲染引擎,经常会出现一些令人头疼的兼容性问题。在这些兼容性问题中,比较普遍的是关于元素的padding-top...
在上述给定的文件信息中,已经提到在IE6、IE7以及Firefox(FF)等浏览器中存在padding兼容性问题。为了解决这些兼容性问题,文档中提到以下几种处理方法: 1. 使用CSS的!important声明来覆盖样式表中低优先级的CSS...
/*For IE7 & IE6*/`:这个语句用于 IE7 和 IE6 浏览器,设置元素的高度为 25px。这里的星号(*)是 hack 语句的一部分,用于区分 IE 浏览器和其他浏览器。 * `_height:20px; /*For IE6*/`:这个语句用于 IE6 浏览器...