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

css针对IEhack方式(最常用)

    博客分类:
  • CSS
阅读更多

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]-->
 

 

 

分享到:
评论

相关推荐

    针对firefox ie6 ie7 ie8的css样式hack

    ### 针对IE6、IE7、IE8的CSS Hack #### IE6 Hack IE6是一款非常老旧的浏览器,在处理CSS时存在很多问题。常见的Hack方法是使用下划线前缀 `_`: ```css #menu { line-height: 23px; /* Firefox识别 */ } #menu {...

    css_hack csshack技术

    #### 三、常用CSS Hack 技术解析 1. **符号 Hack** - **`.` (点号)**:这是一种非常基础且常见的Hack方式。它主要用于向所有IE版本提供特殊的样式规则,但现代浏览器(如Firefox、Chrome等)将忽略这些规则。例如...

    CSS hack 针对IE6,IE7,firefox显示不同效果

    针对IE6、IE7和Firefox显示不同效果的CSS hack是前端开发中常见的需求,特别是在使用CSS+DIV布局时。本文将详细讲解如何使用CSS hack来区分这三种浏览器,并提供一些实用的技巧和方法。 首先,我们需要了解IE6、IE7...

    CSS hack技巧大全

    本文将详细介绍一些常用的CSS Hack技巧,以及它们在不同浏览器中的应用。 首先,我们需要明确一点:`!important` 不应被视为一种hack手段。它主要用于提高样式的优先级,而不是用于浏览器兼容性处理。在某些情况下...

    针对主流浏览器的CSS-HACK写法及IE常用条件注释

    ### CSS-HACK与IE条件注释知识点总结 #### 一、主流浏览器CSS兼容性问题概述 在前端开发过程中,为不同浏览器编写兼容的CSS样式是必不可少的一部分,尤其是对于IE6、IE7、IE8等旧版本浏览器,由于它们遵循的CSS...

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

    针对IE的不同版本,可以使用条件注释来加载特定的CSS文件: ```html &lt;!--[if lt IE 7]&gt; &lt;link rel="stylesheet" type="text/css" href="ie6.css"&gt; &lt;![endif]--&gt; ``` #### 引入前缀与后缀: 在CSS属性名前加上浏览器...

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

    一种常用的方法是利用CSS Hack,即针对特定浏览器添加特定的样式规则。例如,对于`height`属性,可以这样写: 1. 所有浏览器通用:`height: 100px;` 2. IE6专用:`_height: 100px;` 3. IE6专用:`*height: 100px;` ...

    常用CSS HACK问题及解决代码.docx

    "常用CSS HACK问题及解决代码"文档正是针对这些问题提供了一些解决方案。以下是一些关键的CSS HACK知识点: 1. **屏蔽特定浏览器**:例如`*:lang(zh) select`用于在非IE浏览器中设置字体大小,`* html {}`则是针对...

    CSS Hack 汇总快查

    本文将详细介绍一些常用的CSS Hack方法,并解释它们的工作原理及应用场景。 #### FF, OPɼرѣ Opera 目前仅支持 FF ```css *:lang(zh) select {font: 12px!important;} ``` 这个Hack主要针对Firefox(FF)和其他...

    CSS完美兼容IE6_IE7_FF的通用方法

    `*+html`专为IE7设计,而`*html`则针对IE6: ```css #wrapper { width: 120px; /* Firefox */ *html #wrapper { /* IE6 fixed */ width: 80px; } *+html #wrapper { /* IE7 fixed */ width: 60px; ...

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

    条件注释Hack是一种针对IE特有的技术,可以在HTML文档中使用条件注释来加载特定的CSS文件。 - **IE6、IE7**: - `&lt;!--[if lt IE 7]&gt; &lt;link rel="stylesheet" type="text/css" href="ie6.css"&gt; &lt;![endif]--&gt;` - 这...

    CSS样式hack,用于兼容多种浏览器

    #### 二、CSS Hack常用技巧 ##### 1. `!important` Hack `!important` 是一种权重较高的CSS属性声明,通常用来覆盖其他CSS规则。当浏览器遇到使用 `!important` 的样式时,会优先应用这些样式,即使它们后面还有...

    CSS Hack技术介绍及常用的Hack技巧集锦

    CSS Hack常见的有三种形式:CSS属性Hack、CSS选择符Hack以及IE条件注释Hack, Hack主要针对IE浏览器。 1、属性级Hack:比如IE6能识别下划线”_”和星号” * “,IE7能识别星号” * “,但不能识别下划线”_”,而...

    CSSHACK资料详细汇总

    此Hack主要针对IE7及以上版本和Firefox等现代浏览器。通过使用`!important`,可以覆盖默认样式或特定条件下的样式设置。例如: ```css #wrapper { width: 100px!important; /* IE7+ & Firefox */ width: 80px; /*...

    CSS常用技巧之CSS书写技巧和CSS HACK技巧

    CSS Hack常见的有三种形式:CSS属性Hack、CSS选择符Hack以及IE条件注释Hack, Hack主要针对IE浏览器。 1、属性级Hack:比如IE6能识别下划线”_”和星号” * “,IE7能识别星号” * “,但不能识别下划线”_”,而...

    CSS兼容IE6,IE7,FF的技巧

    **注意**: 使用`*+html`选择器是针对IE7的特性,因为它可以识别`*+html`语法,而其他浏览器(包括IE6)则无法识别。 #### 二、浮动清理(Clearing Floats) - **ClearFix**: 一种常用的解决浮动元素不闭合导致布局...

Global site tag (gtag.js) - Google Analytics