[摘要]< > , . 中的任一字符，作为前缀写在属性前面例： ③只兼容IE8的hackhack符：\0/，必须写在属性值与分号之间，中间不加空格background:red; //高级浏...
< > , . 中的任一字符，作为前缀写在属性前面
例：
③只兼容IE8的hack
hack符：\0/，必须写在属性值与分号之间，中间不加空格
background:red; //高级浏览器识别background:pink\0/; //仅IE8识别
④兼容IE8、9、10的hack
hack符：\0，必须写在属性值与分号之间，中间不加空格
background:red; //高级浏览器识别background:pink\0; //IE8、9、10识别
⑤兼容IE6、7、8、9、10
hack符：\9，必须写在属性值与分号之间，中间不加空格
（2）选择器的hack
给选择器添加hack，这个选择器中的样式都是IE兼容样式，其他高级浏览器不识别，同理给同一个选择器设置的兼容样式要写在高级浏览器可识别的常规样式后面，否则会被层叠
①IE6及以下版本的hack
hack符：* html，*和html之间有空格，再加一个空格，后面写选择器
例：
<!--常规写法-->
.box{
width: 200px;
height: 200px;
border-radius: 50%;
background: yellowgreen;
}
<！--兼容写法-->* html .box{
width: 100px;
height: 100px;
background: skyblue;
}
②IE7及以下版本的hack
hack符：，英文逗号，写在选择器后面，不加空格
例：
.box,{
background: #999;
border: 10px solid red;
③兼容IE6以外的其他版本的hack
hack符：html>body，写在选择器前面，与选择器之间有一个空格隔开
例：
html>body .box{
background: yellow;
}
④兼容IE6、7以外的版本的hack
hack符：html>/**/或html~/**/,写在选择器前面，与选择器之间有一个空格隔开
例：
html>/**/body .box{
background: purple;
}
用一行代码来解决CSS在,IE6,IE7,IE8,IE9,IE10 中的各种兼容性问题。
在网站前端写代码的过程中，很多时间IE各个版本的兼容问题很难整。现在百度与谷歌都有了一行解决这种兼容性的代码了。如下面的。
办法一
百度也应用了这种方案去解决IE的兼容问题
百度源代码如下
1 <!Doctype html>
2 <htmlxmlns=http://www.w3.org/1999/xhtmlxmlns:bd=http://www.baidu.com/2010/xbdml>
3 <head>
4 <metahttp-equiv=Content-Typecontent=“text/html;charset=utf-8″>
5 <metahttp-equiv=X-UA-Compatiblecontent=IE=EmulateIE7>
6 <title>百度一下，你就知道</title>
7 <script>varwpo={start:newDate*1,pid:109,page:‘superpage’}</script>
<meta http-equiv=X-UA-Compatible content=IE=EmulateIE7>
可以打开百度，右键查看源码看下！我们可以看下文件头是否存在这样一行代码！
这句话的意思是强制使用IE7模式来解析网页代码！
在这里送上几种IE使用模式！
8 <metahttp-equiv=“X-UA-Compatible”content=“IE=8″>
2. Google Chrome Frame也可以让IE用上Chrome的引擎:
9 <metahttp-equiv=“X-UA-Compatible”content=“chrome=1″/>
3.强制IE8使用IE7模式来解析
10 <metahttp-equiv=“X-UA-Compatible”content=“IE=EmulateIE7″><!– IE7 mode –>
11 //或者
12 <metahttp-equiv=“X-UA-Compatible”content=“IE=7″><!– IE7 mode –>
4.强制IE8使用IE6或IE5模式来解析
13 <metahttp-equiv=“X-UA-Compatible”content=“IE=6″><!– IE6 mode –>
14 <metahttp-equiv=“X-UA-Compatible”content=“IE=5″><!– IE5 mode –>
5.如果一个特定版本的IE支持所要求的兼容性模式多于一种，如：
15 <metahttp-equiv=“X-UA-Compatible”content=“IE=5; IE=8″/>
以上就是IE浏览器兼容问题的几点写法分享的详细内容，更多请关注php中文网其它相关文章！
微信
分享
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
关键词：IE浏览器兼容问题的几点写法分享