虽然微软已经抛弃了IE,但是IE的用户在浏览器的市场份额仍然就容小觑,就像微软已经抛弃window xp这么久了,还是有用户在用,真是佩(nao)服 (can)!

本来我也有一段时间没有去搞IE了,但是这段时间公司的官网说要兼容所有浏览器,包括IE系列,唉,说多了都是泪,本来之前并不是我写的,现在我要来做兼容,头大!所以下面索性就整理了一下IE中的一些常用的hack以及兼容方法:

IE浏览器的csshack写法和IE条件注释语句

IE css hack
网络上有很多针对IE的css hack写法,但很多都缺乏实际的实战经验,今天我把我测试的结果来给大家分享下,注意:你们最好还是自己再去测试一次。
body { background: rgba(243,243,243) ; } /* 所有浏览器都支持这样的写法*/
body { _background: rgba(243,243,243) ; } /* 只有IE6才支持这样的写法*/
body { *background: rgba(243,243,243) ; } /* 所有IE浏览器都支持这样的写法*/
body { +background: rgba(243,243,243) ; } /* 只有IE6和IE7浏览器能支持这样的写法*/
body { -background: rgba(243,243,243) ; } /* 据说也只有IE6浏览器能支持,我没测试过*/
body { *+background: rgba(243,243,243) ; } /* IE7和IE10浏览器能支持*/

body { background: rgba(243,243,243) \0; } /* \零 的写法只有IE8及以上浏览器可以支持*/

IE条件注释语句
一、条件注释简介
IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法。
条件注释只能用于IE5以上。
如果你安装了多个IE,条件注释将会以最高版本的IE为标准。
条件注释的基本结构和HTML的注释(<!– –>)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。
IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。

二、条件注释属性
gt : greater than,选择条件版本以上版本,不包含条件版本
lt : less than,选择条件版本以下版本,不包含条件版本
gte : greater than or equal,选择条件版本以上版本,包含条件版本
lte : less than or equal,选择条件版本以下版本,包含条件版本
! : 选择条件版本以外所有版本,无论高低

三、条件注释使用方法
注意把代码中的<>换成英文中相应的大于或小于号
<!--[if IE 5]>仅IE5.5可见<![endif]-->
<!--[if gt IE 5.5]>仅IE 5.5以上可见<![endif]-->
<!--[if lt IE 5.5]>仅IE 5.5以下可见<![endif]-->
<!--[if gte IE 5.5]>IE 5.5及以上可见<![endif]-->
<!--[if lte IE 5.5]>IE 5.5及以下可见<![endif]-->
<!--[if !IE 5.5]>非IE 5.5的IE可见<![endif]-->
下面的代码是在非IE浏览器下运行的条件注释
<!--[if !IE]><!-->
您使用不是 Internet Explorer
<!--<![endif]-->
<!--[if IE 6]><!-->
您正在使用Internet Explorer version 6或者 一个非IE 浏览器

<!--<![endif]-->

四、如果以上方法还不能做到的话,就用JS去判断当前浏览器版本,然后再做兼容吧(终极大招)!

IE系列兼容性hack大全相关推荐

  1. 浏览器兼容性处理大全

    [转][web前端开发]浏览器兼容性处理大全 1.居中问题 div里的内容,IE默认为居中,而FF默认为左对齐,可以尝试增加代码margin: 0 auto; 2.高度问题 两上下排列或嵌套的div, ...

  2. [转]CSS hack大全详解

    转自:CSS hack大全&详解 1.什么是CSS hack? CSS hack是通过在CSS样式中加入一些特殊的符号,让不同的浏览器识别不同的符号(什么样的浏览器识别什么样的符号是有标准的, ...

  3. css hack *html,css hack 大全 各个浏览器的css

    各个浏览器的css hack区别属性: IE6: _zoom:1; IE6/7: *zoom:1; IE6/7/8/9 :\9 各个浏览器的css hack区别规则 IE6: *html{} IE7: ...

  4. 创新sb live!系列声卡型号大全 (引)

    创新sb live!系列声卡型号大全 SB Live! Digital Entertainment 5.1(数码娱乐版),PCB版本号SB0100 SB Live! Digital Platinum  ...

  5. python你已经是个成熟的软件了_支付宝改自己还花呗表情包_你已经是个成熟的软件系列表情包大全_游戏吧...

    最近很多你已经是个成熟的什么,该学会自己什么非常的火,很多玩家都想要这些表情包.下面游戏吧小编就为各位玩家带来了你已经是个成熟的软件系列表情包大全,快来看看吧. 你已经是个成熟的软件系列表情包大全 保 ...

  6. MySQL语句系列--查询语句大全(有示例)

    原文网址:MySQL语句系列--查询语句大全(有示例)_IT利刃出鞘的博客-CSDN博客 简介 本文介绍MySQL查询语法(命令)的使用.包括:基本查询.运算条件.排序.分页.分组.联结.组合.子查询 ...

  7. 西门子S7-200 SMART系列PLC接线大全

    西门子S7-200 SMART系列PLC接线大全 西门子S7-200 SMART系列PLC接线大全,电器人必须收藏!!!_输出_模块_负载

  8. ASP系列VB函数大全

    ASP系列VB函数大全 ASP函数大全 ASP函数与VBSCRIPT类似,以下举一些常用的函数 Array() 函数返回一个数组 表达式 Array(list) 允许数据类型: 字符,数字均可 实例: ...

  9. 常见浏览器兼容性问题大全

    常见浏览器兼容性问题与解决方案 所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或 ...

最新文章

  1. Symfony2学习笔记之HTTP Cache
  2. malloc和free——结构体中动态内存的管理
  3. noip 2017棋盘
  4. IOS15最标准的纯代码搭建项目
  5. asp.net core 集成 prometheus
  6. .sql文件如何执行_mysql:一条SQL查询语句是如何执行的?
  7. python自己做个定时器_技术图文:如何利用 Python 做一个简单的定时器类?
  8. leetcode 26 --- removeDuplicates
  9. php mysql5.7.110安装教程_MYSQL教程mysql5.7.19 winx64安装配置方法图文教程(win10)
  10. 【python】命令行参数argparse用法详解
  11. 我的世界java版刷铁机_我的世界:教你建造新版本中最简单的刷铁机,效率高人人学的会...
  12. 中兴新支点Linux国产操作系统安装windows字体的方法
  13. ufldl tutorial excise - Supervised Learning and Optimization
  14. 离心泵水力设计——叶轮设计——2 前后盖板型线
  15. 毫米波雷达 3发4收 阵列信号回波模拟(基于信号的延时来建模)以及DOA和MVDR方法测角 (二)
  16. php 解析 %e5%80%aa%e9%a3%9e,content.json
  17. 论文阅读 [TPAMI-2022] DE-GAN: A Conditional Generative Adversarial Network for Document Enhancement
  18. 什么是功率因数?看完你就懂了
  19. AIGC大模型时代下,该如何应用高性能计算PC集群打造游戏开发新模式?
  20. 【手把手教程】keil5 c51使用汇编将数据从片外传输至片内RAM

热门文章

  1. MySQL Authentications
  2. manjaro go的安装
  3. 安全狗等级保护建设服务内容有哪些?
  4. CRM如何进行客户关系管理
  5. CNdeepdive 安装报错:deepdive Failed connect to raw.githubusercontent.com:443; Connection refused
  6. 前端Base64编码(兼容IE8)
  7. 写给当初的你,现在的我
  8. 简单实用的电梯停电报警电路_光电报警电子电路图讲解
  9. 多核CPU和单核的区别~
  10. ARM9嵌入式Linux开发-LCD