IE的if条件Hack(兼容性)

1. 〈!--[if !IE]〉〈!--〉 除IE外都可识别 〈!--〈![endif]--〉  2. 〈!--[if IE]〉 所有的IE可识别〈![endif]--〉  3. 〈!--[if IE 5.0]〉 只有IE5.0可以识别〈![endif]--〉  4. 〈!--[if IE 5]〉 仅IE5.0与IE5.5可以识别 〈![endif]--〉  5. 〈!--[if gt IE 5.0]〉 IE5.0以及IE5.0以上版本都可以识别 〈![endif]--〉  6. 〈!--[if IE 6]〉 仅IE6可识别〈![endif]--〉  7. 〈!--[if lt IE 6]〉 IE6以及IE6以下版本可识别 〈![endif]--〉  8. 〈!--[if gte IE 6]〉 IE6以及IE6以上版本可识别 〈![endif]--〉  9. 〈!--[if IE 7]〉 仅IE7可识别〈![endif]--〉  10. 〈!--[if lt IE 7]〉 IE7以及IE7以下版本可识别 〈![endif]--〉  11. 〈!--[if gte IE 7]〉 IE7以及IE7以上版本可识别 〈![endif]--〉注:gt = Great Then 大于 〉 = 〉 大于号  lt = Less Then 小于  〈 = 〈 小于号  gte = Great Then or Equal 大于或等于  lte = Less Then or Equal 小于或等于
时间: 2024-10-07 07:07:42

IE的if条件Hack(兼容性)的相关文章

前端学习 -- Html&Css -- 条件Hack 和属性Hack

条件Hack 语法: <!--[if <keywords>? IE <version>?]> HTML代码块 <![endif]--> <keywords> if条件共包含6种选择方式:是否.大于.大于或等于.小于.小于或等于.非指定版本 是否: 指定是否IE或IE某个版本.关键字:空 大于: 选择大于指定版本的IE版本.关键字:gt(greater than) 大于或等于: 选择大于或等于指定版本的IE版本.关键字:gte(greater th

各种css hack - 兼容性探测

CSS HACK:浏览器兼容的一些写法人一旦习惯了某些东西就很难去改,以及各种各样的原因,新的浏览器越来越多,而老的总淘汰不了.增长总是快于消亡导致了浏览器兼容是成了谈不完的话题.说到浏览器兼容,CSS HACK自然而然地被我们想起.今天,我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事,需要我们有统一的规范来进行Coding,以方便维护.而解决兼容的方法就是(必须是,因为这才最容易有问题的)其中一个最重要的.要解决的规范之一. 在解决兼容方法上,想定出一个统一的规范,个人认为应

css条件Hack属性

<!--[if IE]> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <p>只在IE浏览器显示</p> </body> </html> <![endif]--> 此段代码只能在IE浏览器里面显示

css hack 兼容性

做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况.基于此,某些情况我们会极不情愿的使用这个不太友好的方式来 达到大家要求的页面表现.我个人是不太推荐使用hack的,要知道一名好的前端,要尽可能不使用hack的情况下实现需求,做到较好的用户体验.可是啊, 现实太残酷,浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协,虽然这只是个别情况.今天,结合自己的经验和理解,做了几个demo 把IE6~IE10和其他标准浏览器的CSS hack做一个总结,也许

CSS兼容性常见问题总结

DIV+CSS设计IE6.IE7.FF 兼容性 DIV+CSS网页布局这是一种趋势,我也开始顺应这股趋势了,不过在使用DIV+CSS网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV+CSS设计的网页,就应该更注意IE6 IE7 FF对CSS样式的兼容. 什么是浏览器兼容:当我们使用不同的浏览器(Firefox IE7 IE6)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,在这种浏览器下显示正常,在另一种下就乱了,我们在编写CSS的时候会很恼火,刚修复了这个浏

css 浏览器兼容性问题解决

一.!important (功能有限) 随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.) 例如: #example { width: 100px !important; /* IE7+FF */ width: 200px; /* IE6 */ } 二.CSS HACK的方法(新手可以看看,高手就当路过吧) 首先需要知道的是: 所有浏览器 通用 height: 100px; IE6 专用 _height: 100px

pc端不同浏览器兼容性问题及解决方案

代码兼容:IE7及以上,360浏览器,搜狗浏览器,谷歌,火狐,欧朋等等. 一.需要注意的地方: 1.写好标准头:<!DOCTYPE html> 2.首先引入初始化css,保证消除不同浏览器的细微差别. <link rel="stylesheet" href="css/style.css"> 具体内容: *{margin:0;padding:0;} body{font-size:12px;line-height:25px;font-family

让IE和Firefox兼容的CSS技巧集合css hack

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明. CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不

浏览器兼容性问题小汇总

这是网上搜索的一些关于兼容性的资料 浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同 问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大. 碰到频率:100% 解决方案:CSS里    *{margin:0;padding:0;} 备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0. 浏览器兼容问题二:块属性标签float后,又有横行的margin情况下,在IE6显示mar