写法:
#someNode
{
position: fixed;
#position: fixed;
_position: fixed;
}
- 第一排给Firefox以及其他浏览器看
- 第二排给IE7(可能以后的IE8、IE9也是如此,谁知道呢)看
- 第三排给IE6以及更老的版本看
区别不同浏览器,CSS hack写法:
区别IE6
与FF
:
background:orange
;*
background:blue
;
区别IE6
与IE7
:
background:green
!important
;background:blue
;
区别IE7
与FF
:
background:orange
; *
background:green
;
区别FF
,IE7
,IE6
:
background:orange
;*
background:green
!important
;*background:blue
;
注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;
|
IE6 |
IE7 |
FF |
* |
√ |
√ |
× |
!important |
× |
√ |
√ |
另外再补充一个,下划线"_
",
IE6支持下划线,IE7和firefox均不支持下划线。
于是大家还可以这样来区分IE6
,IE7
,firefox
:
background:orange
;*
background:green
;_
background:blue
;
注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。
分享到:
相关推荐
在《简单CSShack:区分IE6、IE7、IE8、Firefox、Opera》中,作者介绍了两种主要的方法来针对这些浏览器进行CSS样式区分。 方法一主要依赖于特殊的CSS选择器来区分浏览器。以下是对四种特殊符号的测试结果: 1. `>`...
在实际项目中,根据具体需求和项目规模,选择最合适的解决方案,既能保证在IE6下的兼容性,又不会牺牲代码的整洁性和性能。 总的来说,解决IE6下的PNG图片背景问题需要对浏览器兼容性有深入理解,并灵活运用各种...
本教程将深入讲解如何利用jQuery库来实现一个在IE6、IE7以及Firefox浏览器下都能正常工作的左侧树形菜单。jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理和动画效果,使得开发者能够更高效地构建动态...
本篇文章将探讨如何实现对IE6、IE7、IE8及Firefox全面兼容的最简单CSS写法。 首先,针对IE8的兼容问题,可以通过在`<head>`标签内添加以下代码来解决: ```html <meta http-equiv="x-ua-compatible" content="ie=7...
- **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 Hack技巧。 首先,我们要理解CSS Hack的基本原理:通过添加特定的语法结构,使得某个CSS规则只被目标浏览器识别和应用。在IE6、IE7和FF中,这些技巧通常涉及到选择器的...
具体的CSS Hack书写顺序一般遵循以下规律:首先为Firefox编写CSS规则,接着是IE6,然后是IE7,以及其他浏览器。 在实现CSS Hack时,还有几种常用的标识区别方法,如: 1. IE6和Firefox之间的区别,可以使用*背景...
/* IE6、IE7、IE8、Firefox识别 */ height:110px\9; /* IE8识别 */ *height:120px!important; /* IE7识别 */ *height:130px; /* IE6、IE7识别,但上一段代码中!important 的级别比*号的级别高,所以此段代码只有...
描述:本文旨在探讨并解决在开发过程中遇到的CSS浏览器兼容性问题,尤其关注IE7、6以及Firefox等浏览器的特性与限制,结合Web2.0技术背景下的XHTML编写规范,以及文档类型声明(DOCTYPE)对CSS样式的影响。...
IE浏览器系列中,从IE6到IE11,每一代产品在CSS渲染和解析上都有其独特性,这就导致了在开发过程中常常需要使用不同的CSS hack技术来区别对待不同版本的IE浏览器。CSS hack是专门针对浏览器之间的差异而设计的特殊...
6. **升级或引导用户升级浏览器**:虽然这不是一种技术解决方案,但鼓励用户升级到更现代的浏览器,如IE8或更优的选择,如Chrome、Firefox,是长远的解决之道。 压缩包中的文件可能包含以下内容: - `images`: 这个...
在网页开发过程中,Internet Explorer(简称IE)的兼容性问题一直困扰着开发者,尤其是在IE6到IE10这些老版本之间。为了解决这些问题,开发者通常需要编写大量的代码或者使用特定的库。然而,有一种简单的方法,即...
这个问题主要涉及到浏览器的渲染差异,特别是IE6/7与Firefox等现代浏览器之间的差异。 首先,我们来分析一下这个问题出现的情况: 1. 当绝对定位层的邻近浮动层的宽度不等于父层宽度,且没有清除浮动时,IE6/7和...
实现元素的透明效果,可以使用filter(针对IE)、-moz-opacity(Firefox)和opacity(通用)这三个属性。 8. PRE 标签预格式(PRE Tag): PRE标签用于保留原文档的空白字符,但不同浏览器的处理方式不尽相同。这...
本文章讨论的是使用纯CSS代码来实现网页中的对联广告,它强调兼容性,能够适应包括旧版的IE、Firefox(ff)以及Chrome(gg)在内的所有主流浏览器。这里的对联广告代码是通过CSS来定位和样式设置的,并且还提供了...
/* CSS Hack For Firefox */ *margin-bottom: 12px; /* CSS Hack For IE7 & IE6 */ _margin-bottom: 3%; /* CSS Hack For IE6 */ white-space: nowrap; } #Main_News { border: 1px #acd0f0 solid; width: ...
- **浏览器**: 测试过的浏览器通常包括Chrome、Firefox、Safari、Edge以及IE等。 - **内核**: - Chrome 和 Edge 使用的是 Blink 内核; - Firefox 使用的是 Gecko 内核; - Safari 使用的是 WebKit 内核; - IE ...
21. **Css Hack**:为了在特定浏览器中修正样式问题,开发者使用特定的CSS语法,如IE6的`*html .class`,IE7的`_property`,IE8的`<!--[if lt IE 8]>`条件注释。 22. **幻灯片效果**:通常使用CSS动画、JavaScript...