IE hack中主要的几个

_: IE6;

#*+.: IE6 IE7;

black\0: IE8;

black\9: IE所有;

@media screen\9 { … }: IE6 IE7;

@media \0screen\,screen\9 { … }: IE6 IE7 IE8;

@media \0screen { … }: IE8;

@media screen\0 { … }: IE8 IE9;

@media screen and (min-width:0\0) { … }: IE9;

* html #div1: IE6;

html* #div1: IE6 IE7;

*+html #div1: IE7;

html:root #div1: IE9;

:root #div1 {background-color: red\9;}:IE9;

:root #div1 {background-color: red\0;}:IE9 IE10;

IE6不识别!important;

区分IE6与IE7:
1. *background:green !important;*background:blue; 

2.*background:green; _background:blue; 

<!--[if IE]>IE<![endif]-->
<!--[if IE 9]>IE9<![endif]-->
<!--[if IE 8]>IE8<![endif]-->
<!--[if IE 7]>IE7<![endif]-->
<!--[if IE 6]>IE6<![endif]-->

<!--[if !IE]> 除IE外都可识别的代码片断<![endif]-->

<!--[if IE]> 所有的IE可识别的代码片断
<![endif]-->

<!--[if IE 7]>
仅IE7可识别的代码片断 <![endif]-->
<!--[if lt IE 7]> IE7
以及IE7以下版本可识别的代码片断<![endif]-->
<!--[if gte IE 7]> IE7
以及IE7以上版本可识别的代码片断 <![endif]-->

lt 表示less than 当前条件版本以下的版本,不包含当前版本。

gte 表示greeter than or equal 当前版本以上版本,并包含当前版本。

lte 表示less than or equal 当前版本以下版本,并包含当前版本。

相关链接:http://blog.ryanwu.me/IE-Hacks/

时间: 2024-10-20 01:34:57

IE hack中主要的几个的相关文章

css hack中遇到的一些问题

之前在兼容一个网页的时候,ie8,ie9下的布局不一样.就想着针对ie8,ie9来做一个css hack.网上搜索来资料.\9与\9\0来区别ie8,ie9.我要兼容的属性时margin-top.但发现实现的效果ie8,ie9一样.我当时感到很迷惑.想难道这个方法不对.然后我就用跟这个方法去兼容颜色.却发现在ie8,ie9下有区别了.就感到很迷惑.我猜测可能的原因是这个hack属性只支持一部分样式的属性.后来我去专门找兼容ie9的方法.网上找到了: :root #foo{ color:#eee\

CSS中一些常见的兼容性问题

CSS中一些兼容性问题就是浏览器兼容,而这些浏览器兼容问题主要是Ie和FF之间的争斗. CSS hack中的一些事: 我们为了让页面形成统一的效果,要针对不同的浏览器或不同版本写出对应可解析的CSS样式,所以我们就把这个针对不同浏览器/版本而写CSS的过程叫做 CSS hack. CSS hack主要有三种:IE条件注释法.CSS属性前缀法.选择器前缀法. (1)IE条件注释法,即在正常代码之外添加判别IE浏览器或对应版本的条件注释,符合条件的浏览器或者版本号才回执行里边的代码. 1 <!--[

JS编程

JS编程常识 一.UI层的松耦合 松耦合就是要求各层遵循“最少知识原则”,或者说是各层各司其职,不要越权: HTML:结构层 CSS:表现层 JS:行为层 对于各层的职能,有一句比较贴切的解释:HTML是名词(n),CSS是形容词(adj)和副词(adv),JS是动词 因为三层联系紧密,实际应用中很容易越权: 1.从css中分离js 尽量不要用css表达式,如果非要用也应该把相应的代码放在hack中,便于维护 2.从js中分离css 不要用ele.style.attr及ele.cssText,应

&lt;转载&gt;使用css让大图片不超过网页宽度

让大图片不超过网页宽度,让图片不撑破通过CSS样式设置的DIV宽度! 接下来,我们来介绍下网站在开发DIV+CSS的时候会遇到一个问题,在发布一个大图片的时候因为图片过宽会撑破自己设置的div宽度的问题. 图片撑破布局原因1.由于浏览器版本低(微软IE6)2.没有设置div布局的宽度 解决图片超出宽度或撑破div css布局方法1.在文章中发布图片的时候将图片编辑缩小2.通过对对应div的css来设置显示的图片最宽宽度 推荐3.通过css对图片设定宽度. 通过css来解决图片撑破div布局案例通

ASP.NET的SEO:使用.ashx文件&mdash;&mdash;排除重复内容

本系列目录 不同的链接指向的页面如果具有大量相同的内容,这种现象就会被称为"重复内容",如果一个网站的重复内容很多,搜索引擎就会认为这个网站的价值不高.所以我们应尽量避免各种重复内容. 动态网站的重复内容常常是由URL参数引起的,而URL重写会恶化这一现象(比较耐人寻味哟,呵呵).因为如果使用的是原始的URL参数的话,搜索引擎可能会进行适当的判断,而得知重复内容是由URL参数引起的,自动的进行相应的处理:而URL重写会掩盖URL参数,反而使得搜索引擎无法识别URL参数.比如: 原始的U

css清浮动处理

在CSS布局中float属性经常会被用到,但使用float属性后会使其在普通流中脱离父容器,让人很苦恼 1 浮动带来布局的便利,却也带来了新问题 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Clear float</title> 6 <style type="tex

Google搜索命令语法大全

以下是目前所有的Google搜索命令语法,它不同于Google的帮助文档,因为这里介绍 了几个Google不推荐使用的命令语法.大多数的Google搜索命令语法有它特有的使用格式,希望大家能正确使用.我用不同颜色标注了不同的语法命 令,绿色的较为常用的命令,黄色的是不常用但却非常有用的命令,蓝色是Google不推荐使用的命令. allinanchor: anchor是一处说明性的文字,它标注说明了这个链接可能跳转到其它的网页或跳转到当前网页的不同地方.当我们用allinanchor提交查询的时

高效率使用google

Google良好的搜索和易用性已经得到了广大网友的欢迎,但是除了我们经常使用的Google网站.图像和新闻搜索之外,它还有很多其他搜索功能和搜索技巧.如果我们也能充分利用,必将带来更大的便利.这里我介绍几个很有用的搜索技巧,在平时搜索中可以结合使用. 一.限定搜索范围的技巧 1.文件类型 有时候我们可能不需要搜索网页文件或者图片,我们可能想要搜索其他类型的问题,比如文档文件(Word,Excel,PPT),Flash文件,甚至是Google地图文件,我们都可以使用“filetype”功能来实现.

JS编程常识

一.UI层的松耦合 松耦合就是要求各层遵循“最少知识原则”,或者说是各层各司其职,不要越权: HTML:结构层 CSS:表现层 JS:行为层 对于各层的职能,有一句比较贴切的解释:HTML是名词(n),CSS是形容词(adj)和副词(adv),JS是动词 因为三层联系紧密,实际应用中很容易越权: 1.从css中分离js 尽量不要用css表达式,如果非要用也应该把相应的代码放在hack中,便于维护 2.从js中分离css 不要用ele.style.attr及ele.cssText,应该用操作类名代