博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
兼容性
阅读量:4613 次
发布时间:2019-06-09

本文共 1409 字,大约阅读时间需要 4 分钟。

if IE

   <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->

   <!--[if IE]> 所有的IE可识别 <![endif]-->
   <!--[if IE 8]> 仅IE8可识别 <![endif]-->
   <!--[if lt IE 8]> IE8以及IE8以下版本可识别 <![endif]-->
   <!--[if gte IE 8]> IE8以及IE8以上版本可识别 <![endif]-->

IE8

1、支持部分html5标签

     head设置:

     <!--[if lt IE 9]>

            <script src="html5shiv.min.js"></script>

     <![endif]-->

    css设置:

     header,footer,main,nav,section,aside,article{

             display:block;

     }

2、支持css3媒体查询

    head设置:

     <!--[if lt IE 9]>

            <script src="respond.min.js"></script>

     <![endif]-->

     <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

3、支持css3属性圆角、阴影、渐变、多背景

   网站目录加入PIE.htc文件

   css设置:

   {

    behavior:url(PIE.htc文件相对html文件地址);

    }

   注意事项

   z-index问题:设置目标元素position:relative或是设置祖先元素position:relative并赋予一个z-index值(不可为-1)

   相对路径问题:PIE.htc文件相对html文件地址

   缩写问题:只能使用缩写

   提供正确的Content-Type:

IE9

1、支持部分html5标签

     head设置:

     <!--[if lt IE 9]>

            <script src="html5shiv.min.js"></script>

     <![endif]-->

    css设置:

     header,footer,main,nav,section,aside,article{

             display:block;

     }

2、支持css3媒体查询

    head设置:

     <!--[if lt IE 9]>

            <script src="respond.min.js"></script>

     <![endif]-->

     <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

3、支持css3属性圆角、阴影、渐变、多背景

   网站目录加入PIE.htc文件

   css设置:

   {

    behavior:url(PIE.htc文件相对html文件地址);

    }

   注意事项

   z-index问题:设置目标元素position:relative或是设置祖先元素position:relative并赋予一个z-index值(不可为-1)

   相对路径问题:PIE.htc文件相对html文件地址

   缩写问题:只能使用缩写

   提供正确的Content-Type:

IE10

IE11

Chrome

Firefox

Opera

Safari

转载于:https://www.cnblogs.com/murenyangqun/p/11089413.html

你可能感兴趣的文章
Python项目对接CAS方案
查看>>
mysql产生随机数
查看>>
编程风格
查看>>
熟悉常用的Linux命令
查看>>
易之 - 我是个大师(2014年3月6日)
查看>>
Delphi中窗体的事件
查看>>
file_get_contents()获取https出现这个错误Unable to find the wrapper “https” – did
查看>>
linux vi编辑器
查看>>
js树形结构-----(BST)二叉树增删查
查看>>
contract
查看>>
FJUT ACM 1899 Largest Rectangle in a Histogram
查看>>
如何删除xcode项目中不再使用的图片资源
查看>>
编写用例文档
查看>>
解决WPF两个图片控件显示相同图片因线程占用,其中一个显示不全的问题
查看>>
寻觅Azure上的Athena和BigQuery (二):神奇的PolyBase
查看>>
编程题练习
查看>>
mac os安装vim74
查看>>
Linux内存管理原理
查看>>
Java 8 Lambda 表达式
查看>>
BZOJ-3289 Mato的文件管理
查看>>