`
- 浏览:
220995 次
- 性别:
- 来自:
吉林
-
代码如下:
@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可识别
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
"常用CSS HACK问题及解决代码"文档正是针对这些问题提供了一些解决方案。以下是一些关键的CSS HACK知识点: 1. **屏蔽特定浏览器**:例如`*:lang(zh) select`用于在非IE浏览器中设置字体大小,`* html {}`则是针对...
#### 三、常用CSS Hack 技术解析 1. **符号 Hack** - **`.` (点号)**:这是一种非常基础且常见的Hack方式。它主要用于向所有IE版本提供特殊的样式规则,但现代浏览器(如Firefox、Chrome等)将忽略这些规则。例如...
本文将详细介绍一些常用的CSS Hack技巧,以及它们在不同浏览器中的应用。 首先,我们需要明确一点:`!important` 不应被视为一种hack手段。它主要用于提高样式的优先级,而不是用于浏览器兼容性处理。在某些情况下...
### 常用CSS Hack技术 1. **条件注释(Conditional Comments)** - 仅IE浏览器识别的HTML条件注释,如`<!--[if IE 6]>`用于针对IE6的样式。 2. **前缀(Vendor Prefixes)** - 不同浏览器对新特性的支持程度不同...
主要介绍了CSS Hack技术介绍及常用的Hack技巧集锦,本文讲解了什么是CSS Hack、常用的CSS Hack、IE6对!important的支持、IE6下的多选择符等内容,需要的朋友可以参考下
其中,“CSS Hack”就是一种常用的解决方案,它通过特定的语法来让某些浏览器忽略或特殊处理某些样式规则。本文将详细介绍针对主流浏览器(如IE6、IE7、IE8、Firefox、Chrome、Safari)的CSS Hack方法及其应用实例。...
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断头台问题 ...
为了确保网站能够在不同浏览器下正常显示,开发者需要使用特定的技术手段来解决这些问题,其中CSS Hack就是一种常用的方法。本文将详细介绍如何为Firefox以及IE6、IE7、IE8等浏览器编写CSS Hack。 ### CSS Hack定义...
写了有不少网页了,css的兼容性代码也写了不少,将收集的一些常用的hack方法打包上传共享下~ 下面是最常用的三种hack方式 第一种: .div { background:orange;/*ff*/ *background:green !important;/*ie7*/ ...
本文将详细介绍一些常用的CSS Hack方法,并解释它们的工作原理及应用场景。 #### FF, OPɼرѣ Opera 目前仅支持 FF ```css *:lang(zh) select {font: 12px!important;} ``` 这个Hack主要针对Firefox(FF)和其他...
解决这一问题的常用Hack之一是在IE中使用`!important`强制宽度值。 #### 5\. 浮动与布局 - **垂直居中**:设置`line-height`等于容器高度,结合`vertical-align: middle`实现。 - **水平居中**:使用`margin: 0 ...
css 4.2.7中文手册给大家列举了...还展示了速查总表,列举了一些使用比率较高的常用CSS Hack。 另外,给大家总结了一些使用过程中,遇到的问题和解决办法,并且提供了一些简单的小技巧和经验,希望能为大家带来帮助。
本文将详细介绍几种常用的CSS Hack方法,帮助读者更好地理解和应用这些技巧。 #### 二、CSS Hack概述 CSS Hack是一种针对特定浏览器或版本编写CSS规则的方法,通过特殊语法让某些浏览器识别而其他浏览器忽略,以此...
CSS hack是一种网页设计技术,通过利用浏览器之间的差异,让不同浏览器显示不同的样式。针对IE6、IE7和Firefox显示不同效果的CSS hack是前端开发中常见的需求,特别是在使用CSS+DIV布局时。本文将详细讲解如何使用...
CSS Hack常见的有三种形式:CSS属性Hack、CSS选择符Hack以及IE条件注释Hack, Hack主要针对IE浏览器。 1、属性级Hack:比如IE6能识别下划线”_”和星号” * “,IE7能识别星号” * “,但不能识别下划线”_”,而...
#### 二、CSS Hack常用技巧 ##### 1. `!important` Hack `!important` 是一种权重较高的CSS属性声明,通常用来覆盖其他CSS规则。当浏览器遇到使用 `!important` 的样式时,会优先应用这些样式,即使它们后面还有...
以下是一些常用的CSS Hack方法及其适用的浏览器: #### 1. 特殊符号Hack - **IE6**: - `_`: 在属性前加上下划线`_`,此属性只会被IE6识别。 - 示例: ```css .test { _color: red; } ``` - **IE7**: - `*`: ...