html页面写的很标准的话,除IE外表现基本都差不多,虽然不同的浏览器有其自己的hack方式,因为不常用或者基本用不到,就没必要去记了,需要时上网查下就ok了。
下面记录的是最常用的IE的hack:
<style type="text/css">
.className{
padding:10px;
padding:9px\9; /* all ie */
padding:8px\0; /* ie8-9 目前应用于IE8的单独hack,情况比较少 */
*padding:5px; /* ie6-7 */
+padding:7px; /* ie7 */
_padding:6px; /* ie6 */
}
</style>
这种方式有时必须把要hack的内容提出,定义在单独的类(同名)里面才起作用。
除了上面这种方式,还有类似下面这种方式
<!--[if IE6]>
……
<![endif]-->
分享到:
相关推荐
### 针对IE6、IE7、IE8的CSS Hack #### IE6 Hack IE6是一款非常老旧的浏览器,在处理CSS时存在很多问题。常见的Hack方法是使用下划线前缀 `_`: ```css #menu { line-height: 23px; /* Firefox识别 */ } #menu {...
#### 三、常用CSS Hack 技术解析 1. **符号 Hack** - **`.` (点号)**:这是一种非常基础且常见的Hack方式。它主要用于向所有IE版本提供特殊的样式规则,但现代浏览器(如Firefox、Chrome等)将忽略这些规则。例如...
针对IE6、IE7和Firefox显示不同效果的CSS hack是前端开发中常见的需求,特别是在使用CSS+DIV布局时。本文将详细讲解如何使用CSS hack来区分这三种浏览器,并提供一些实用的技巧和方法。 首先,我们需要了解IE6、IE7...
本文将详细介绍一些常用的CSS Hack技巧,以及它们在不同浏览器中的应用。 首先,我们需要明确一点:`!important` 不应被视为一种hack手段。它主要用于提高样式的优先级,而不是用于浏览器兼容性处理。在某些情况下...
### CSS-HACK与IE条件注释知识点总结 #### 一、主流浏览器CSS兼容性问题概述 在前端开发过程中,为不同浏览器编写兼容的CSS样式是必不可少的一部分,尤其是对于IE6、IE7、IE8等旧版本浏览器,由于它们遵循的CSS...
针对IE的不同版本,可以使用条件注释来加载特定的CSS文件: ```html <!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="ie6.css"> <![endif]--> ``` #### 引入前缀与后缀: 在CSS属性名前加上浏览器...
一种常用的方法是利用CSS Hack,即针对特定浏览器添加特定的样式规则。例如,对于`height`属性,可以这样写: 1. 所有浏览器通用:`height: 100px;` 2. IE6专用:`_height: 100px;` 3. IE6专用:`*height: 100px;` ...
"常用CSS HACK问题及解决代码"文档正是针对这些问题提供了一些解决方案。以下是一些关键的CSS HACK知识点: 1. **屏蔽特定浏览器**:例如`*:lang(zh) select`用于在非IE浏览器中设置字体大小,`* html {}`则是针对...
本文将详细介绍一些常用的CSS Hack方法,并解释它们的工作原理及应用场景。 #### FF, OPɼرѣ Opera 目前仅支持 FF ```css *:lang(zh) select {font: 12px!important;} ``` 这个Hack主要针对Firefox(FF)和其他...
`*+html`专为IE7设计,而`*html`则针对IE6: ```css #wrapper { width: 120px; /* Firefox */ *html #wrapper { /* IE6 fixed */ width: 80px; } *+html #wrapper { /* IE7 fixed */ width: 60px; ...
条件注释Hack是一种针对IE特有的技术,可以在HTML文档中使用条件注释来加载特定的CSS文件。 - **IE6、IE7**: - `<!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="ie6.css"> <![endif]-->` - 这...
#### 二、CSS Hack常用技巧 ##### 1. `!important` Hack `!important` 是一种权重较高的CSS属性声明,通常用来覆盖其他CSS规则。当浏览器遇到使用 `!important` 的样式时,会优先应用这些样式,即使它们后面还有...
CSS Hack常见的有三种形式:CSS属性Hack、CSS选择符Hack以及IE条件注释Hack, Hack主要针对IE浏览器。 1、属性级Hack:比如IE6能识别下划线”_”和星号” * “,IE7能识别星号” * “,但不能识别下划线”_”,而...
此Hack主要针对IE7及以上版本和Firefox等现代浏览器。通过使用`!important`,可以覆盖默认样式或特定条件下的样式设置。例如: ```css #wrapper { width: 100px!important; /* IE7+ & Firefox */ width: 80px; /*...
CSS Hack常见的有三种形式:CSS属性Hack、CSS选择符Hack以及IE条件注释Hack, Hack主要针对IE浏览器。 1、属性级Hack:比如IE6能识别下划线”_”和星号” * “,IE7能识别星号” * “,但不能识别下划线”_”,而...
**注意**: 使用`*+html`选择器是针对IE7的特性,因为它可以识别`*+html`语法,而其他浏览器(包括IE6)则无法识别。 #### 二、浮动清理(Clearing Floats) - **ClearFix**: 一种常用的解决浮动元素不闭合导致布局...