`

常用CSS Hack

阅读更多
代码如下:


@import url(”website.css”)
注意这句,只对ie5版本以上和现代浏览器才有效,ie4,不会认识的..
—————————————————-
@import url(”oncss.css”) screen;
ie系列全不识别. ..因为ie对指定设备类型的选项都不支持..firefox 可以识别;
—————————————————
注释hack
<style type=”text/css”>
*{ margin:0px; padding:0px;}
#content { background-color:red;}
#content /**/{ background-color:green;}
</style>
ie6,ie7,firefox都读成green;
ie5以下,读成red;


IE7和IE6可以识别
style{
*height:50px;//“*”仅IE6和IE7可以识别。
}
*当针对IE6和IE7时可以用这样的方法。

仅IE6可以识别
style{
_height:50px;//“_”仅IE6可以识别。
}

IE6及IE6以下识别
* html select {…}
这个地方要特别注意很多博客都写成了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。
html/**/ >body select {…}
这句与上一句的作用相同。 

仅IE7可以识别
*+html select {…!important;}
当面临需要只针对IE7做样式的时候就可以采用这个HACK。 

仅IE7与IE5.0可以识别
*+html select {…}
当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。 

仅IE6不识别,屏蔽IE6

select { display /*屏蔽IE6*/:none;}
这里主要是通过CSS注释分开一个属性与值,注释在冒号前。
仅IE6与IE5不识别,屏蔽IE6与IE5

select/**/ { display /*IE6,IE5不识别*/:none;}
这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。不屏蔽IE5.5
仅IE5不识别,屏蔽IE5

select/*IE5不识别*/ {…}
这一句是在上一句中去掉了属性区的注释。只有IE5不识别,IE5.5可以识别。
多出来的字节以省略号显示
text-overflow:ellipsis;overflow:hidden;white-space: nowrap;
顺序必须这样,换了顺序可能就没这个效果了!

针对Opera的样式–只有Opera识别
@media all and (min-width: 0px){ select {……} }
针对Opera浏览器做单独的设定。

css的过滤器
为了让一些特别的样式不 影响到其他正常的浏览器,特把特别的样式分离出来,通过过滤的方法加载到浏览器里,这些过滤器有的是写在CSS中通过过滤器导入特别的样式,也有的是写在HTML中的通过条件来链接或是导入需要的补丁样式。



IE5.x的过滤器,只有IE5.x可见
@media tty {
i{content:”\”;/*” “*/}} @import ‘ie5win.css‘; /*”;}
}/* */ 

IE5/MAC的过滤器,一般用不着
/*\*//*/
@import “ie5mac.css“;
/**/ 

IE的if条件Hack
<!–[if IE]> Only IE <![endif]–>
所有的IE可识别
<!–[if IE 5.0]> Only IE 5.0 <![endif]–>
只有IE5.0可以识别
<!–[if gt IE 5.0]> Only IE 5.0+ <![endif]–>
IE5.0包换IE5.5都可以识别
<!–[if lt IE 6]> Only IE 6- <![endif]–>
仅IE6可识别
<!–[if gte IE 6]> Only IE 6/+ <![endif]–>
IE6以及IE6以下的IE5.x都可识别
<!–[if lte IE 7]> Only IE 7/- <![endif]–>
仅IE7可识别
分享到:
评论

相关推荐

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

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

    css_hack csshack技术

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

    CSS hack技巧大全

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

    css hack总结 图片整理版

    ### 常用CSS Hack技术 1. **条件注释(Conditional Comments)** - 仅IE浏览器识别的HTML条件注释,如`&lt;!--[if IE 6]&gt;`用于针对IE6的样式。 2. **前缀(Vendor Prefixes)** - 不同浏览器对新特性的支持程度不同...

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

    主要介绍了CSS Hack技术介绍及常用的Hack技巧集锦,本文讲解了什么是CSS Hack、常用的CSS Hack、IE6对!important的支持、IE6下的多选择符等内容,需要的朋友可以参考下

    各主流浏览器CSS HACK列表

    其中,“CSS Hack”就是一种常用的解决方案,它通过特定的语法来让某些浏览器忽略或特殊处理某些样式规则。本文将详细介绍针对主流浏览器(如IE6、IE7、IE8、Firefox、Chrome、Safari)的CSS Hack方法及其应用实例。...

    CSS网站布局实录 (第二版)PDF版

    7.1.2 常用CSS hack使用方法 7.1.3 CSS hack管理 7.2 IE条件注释功能 7.3 盒模型问题 7.3.1 盒模型hack 7.3.2 简单盒模型hack方法 7.4 IE捉迷藏 7.5 ul的不同表现 7.6 IE 3px问题 7.7 高度不适应 7.8 IE6断头台问题 ...

    针对firefox ie6 ie7 ie8的css样式hack

    为了确保网站能够在不同浏览器下正常显示,开发者需要使用特定的技术手段来解决这些问题,其中CSS Hack就是一种常用的方法。本文将详细介绍如何为Firefox以及IE6、IE7、IE8等浏览器编写CSS Hack。 ### CSS Hack定义...

    css hack 文档集合

    写了有不少网页了,css的兼容性代码也写了不少,将收集的一些常用的hack方法打包上传共享下~ 下面是最常用的三种hack方式 第一种: .div { background:orange;/*ff*/ *background:green !important;/*ie7*/ ...

    CSS Hack 汇总快查

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

    CSSHACK资料详细汇总

    解决这一问题的常用Hack之一是在IE中使用`!important`强制宽度值。 #### 5\. 浮动与布局 - **垂直居中**:设置`line-height`等于容器高度,结合`vertical-align: middle`实现。 - **水平居中**:使用`margin: 0 ...

    css 4.2.7中文手册(CHM版)

    css 4.2.7中文手册给大家列举了...还展示了速查总表,列举了一些使用比率较高的常用CSS Hack。 另外,给大家总结了一些使用过程中,遇到的问题和解决办法,并且提供了一些简单的小技巧和经验,希望能为大家带来帮助。

    CSS教程之通用的css hack简介

    本文将详细介绍几种常用的CSS Hack方法,帮助读者更好地理解和应用这些技巧。 #### 二、CSS Hack概述 CSS Hack是一种针对特定浏览器或版本编写CSS规则的方法,通过特殊语法让某些浏览器识别而其他浏览器忽略,以此...

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

    CSS hack是一种网页设计技术,通过利用浏览器之间的差异,让不同浏览器显示不同的样式。针对IE6、IE7和Firefox显示不同效果的CSS hack是前端开发中常见的需求,特别是在使用CSS+DIV布局时。本文将详细讲解如何使用...

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

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

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

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

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

    以下是一些常用的CSS Hack方法及其适用的浏览器: #### 1. 特殊符号Hack - **IE6**: - `_`: 在属性前加上下划线`_`,此属性只会被IE6识别。 - 示例: ```css .test { _color: red; } ``` - **IE7**: - `*`: ...

Global site tag (gtag.js) - Google Analytics