如何让CSS区别IE版本
关于IE浏览器实在太坑爹了，但你又不得不去解决它，不过就本人所知，IE8—IE10差别不大，至少本人还没有遇到过在IE8环境下到了IE9及以上版本就出现坑爹的问题，但我们又不得不面对IE8以下的版本，说实话，我也不想去处理IE所谓的Bug，但又不得不去处理。谁叫我们都是干苦逼的职业的！
一、CSS规则（IE CSS hacks）
其实也只是在样式里说明一下只有IE识别的CSS规则。比如，在CSS属性前置一个”*”区分IE7和低版本，而前置一个”_”则区分IE7及低版本。但是这个方法最好别用（不是我不推荐），因为这个CSS规则还不能被W3C CSS识别（这就是坑爹之处）。
- * IE8 及 低版本: 在CSS属性后置”\9″, 如
height:100%\9; - * IE7 及 低版本: 在CSS属性前置”*”, 如
*height:100%; - * IE6 及 低版本: 在CSS属性前置”_”, 如
_height:100%;
.joks {
background: gray; /* standard */
background: pink\9; /* IE 8 and below */
*background: green; /* IE 7 and below */
_background: blue; /* IE 6 */
}
二、给HTML加个if条件判断
这办法其实是Paul Irish大神发明的。它实现的办法是通过IE条件判断来给HTML设置不同的className，然后在CSS中通过给不同的className下的后代设置不同的样式即可实现。这个办法比较可行，W3C能识别。
<!--[if lt IE 7 ]>
<html class="ie6"> < ![endif]-->
<!--[if IE 7 ]> </html>
<html class="ie7"> < ![endif]-->
<!--[if IE 8 ]>
</html>
<html class="ie8"> < ![endif]-->
<!--[if IE 9 ]>
</html>
三、用IE条件判断语句
其实说白了，这个方法大家都在用，而且用的人还挺多的，没办法，至少大牛们是不会这么干的（别急，大牛的方法我会讲的。）
IE条件判断语句也许是用的最多的区分IE版本(IE6, IE7, IE8)的办法了（我刚刚已经说了，IE8以上的版本差别不大）。看看下面用来区分IE不同版本的代码：
<!--[if IE 8]>= IE8版本<!--[if lt IE 8]>= IE7版本以低版本<!--[if gte IE 8]>= IE8版本及高版本
<!--[if IE 8]>
<style type="text/css">
/* css for IE 8 */
</style>
< ![endif]--> <!--[if lt IE 8]>
<link href="ie7.css" rel="stylesheet" type="text/css" />
< ![endif]-->
四、自我感觉方法（大牛靠感觉来做）
这个方法我可不推荐，但是如果你了解每个版本的Bug的话，那你到可以试试，当然了，IE6和IE7再到IE8识别的间距有所不同，但当你设计版面的时候，我个人推荐你可以试试把间距扩大到20px以上，这样才不会出现IE间距的Bug，当然了，其它的Bug方式还有许多，这里我就不一一介绍了！至少我想说，避免Bug是不可能的，规则是死的，但方法是活的，靠的是想像力而已。
如何让CSS区别IE版本的更多相关文章
- asp.net mvc处理css和js版本问题
当服务的修改了js和css内容后,发布到IIS服务器上,总是导致客户端内容显示不正确,原因是客户端存在缓存,还是加载的原来的js和css问题. 在css或js后面添加版本号,例如: <scrip ...
- 15款不容错过的前端开发Javascript和css类库 - 2017版本~
前端的JS和CSS类库日新月异, 在今天这篇介绍中,我们将精挑细选15款超棒的JS/CSS类库, 希望大家在开发过程中会觉得有帮助~ Core UI 基于Bootstrap4的一套UI类库, Core ...
- link和@import引入css 区别，不建议使用@import
众多周知,有两种方法可以在页面中导入样式文件. <link href="a.css" rel="stylesheet"> <style> ...
- jQuery设置checkbox全选（区别jQuery版本）
jQuery设置checkbox全选在网上有各种文章介绍,但是为什么在我们用他们的代码的时候就没有效果呢? 如果你的代码一点错误都没有,先不要急着怀疑人家代码的正确性,也许只是人家跟你用的jQuery ...
- i386和x86-64区别通俗易懂版本（转）
x86架构首度出现在1978年推出的Intel 8086中央处理器,它是从Intel 8008处理器中发展而来的,而8008则是发展自Intel 4004的.Intel之后又推出了包括80186.80 ...
- css,区别pc端ipad端的样式
摘自: http://blog.csdn.net/pm_mybook/article/details/54602107 /* 横屏 */ @media all and (orientation:lan ...
- css中import与link用法区别
方式:引入CSS的方法有两种,一种是@import,一种是link @import url('地址');//注意,这种方式可以放在页面也可以放在css文件中<link href="地址 ...
- 第 13 章 CSS 选择器[上]
学习要点: 1.选择器总汇 2.基本选择器 3.复合选择器 4.伪元素选择器 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 选择器,通过选择器定位到想要设置样式的元素.目前 CSS 选择器的 ...
- CSS样式----图文详解：css样式表和选择器
主要内容 CSS概述 CSS和HTML结合的三种方式:行内样式表.内嵌样式表.外部样式表 CSS四种基本选择器:标签选择器.类选择器.ID选择器.通用选择器 CSS三种扩展选择器:组合选择器.后代选择 ...
随机推荐
- pl sql 查询显示乱码解决方法——设置环境变量NLS_LANG
用oracle进行查询的时候,有的时候会出现查询结果为乱码的情况,此时要设置一个环境变量NLS_LANG. 此变量的值如何获得呢?运行下面sql语句就可以获得: select userenv('lan ...
- 【Hexo】Hexo+Github构建个人博客 （三）：添加皮肤主题
一.选择主题 选择你自己喜欢的主题 参考: 1.Hexo官网主题 2.知乎:有哪些好看的 Hexo 主题? 二.配置主题 1.我选择了hexo-theme-yilia这个主题,简洁大方,功能齐全: 这 ...
- 4.Redis常用命令：List
在Redis中,List类型是按照插入顺序排序的字符串链表.和数据结构中的普通链表一样,我们可以在其头部(left)和尾部(right)添加新的元素.在插入时,如果该键并不存在,Redis将为该键创建 ...
- Reflux中文教程——概览
翻译自github上的reflux项目,链接:https://github.com/reflux/refluxjs 〇.安装及引入 安装: npm install reflux 引入: var Ref ...
- 深入tornado中的协程
tornado使用了单进程(当然也可以多进程) + 协程 + I/O多路复用的机制,解决了C10K中因为过多的线程(进程)的上下文切换 而导致的cpu资源的浪费. tornado中的I/O多路复用前面 ...
- Spring+Redis(keyspace notification)实现定时任务（订单过期自动关闭）
1.起因 最近公司项目要做订单超期未支付需自动关闭,首先想到的是用spring的定时器(@Schedule),结果领导举各种例子说会影响性能,只能作罢.后来想能不能基于redis实现, 学习(baid ...
- ios 获取当前ViewController
- (UIViewController*)getpresentVC:(UIWindow *)window{ if ([window.rootViewController class]==[UITabB ...
- Robot framework的介绍
Robot framework是基于Python语言编写的功能自动化测试框架.使用简单,不懂编码的测试人员也能像编程一样写测试用例,支持关键字驱动测试并且可以开发系统关键字.还有丰富的第三方库,比如S ...
- kmp（看毛片）算法
别人的两篇博客. 传送门1 传送门2 其中T为主串,P为模式串. 其实就是在T中找P. 其中next数组存的是"部分匹配值". "部分匹配值"就是"前 ...
- ionic打包项目，运行时报错A problem occurred configuring root project 'android'。。。
运行报错的原因是sdk没有下载完整 解决办法: 1,打开sdk manage.分别下载android support repository.Google play services.google re ...