- 1PS提示：因为图层已锁定，无法编辑图层的处理方法
- 2Adobe Illustrator CS5 序列号大全
- 3picacg苹果版怎么找不到|picacg ios版是不是下架了介绍
- 4ACDsee注册码免费分享（含ACDsee18、ACDsee10等版本）
- 5苹果iphone自动时间不准确的多种校正方法
- 6PDF浏览器能看3D文件吗？PDF浏览器看3D文件图文详细教程
- 7Potato(马铃薯聊天)怎么注册不了|Potato不能注册处理方法介绍
- 8Potato(土豆聊天)怎么换头像|Potato app更改头像方法介绍
- 9ipad版office如何激活? office365激活的图文说明教程
- 10最新的Adobe Illustrator CS4序列号大全
- 11Mac怎么通过设置VPN来登录youtube等国外网站
- 12qq邮件是否已读怎么看 QQ邮箱已经发出去的邮件怎么知道对方是否已经查看
[摘要]用户使用的浏览器五花八门，我们要保证每一种浏览器都能兼容我们的代码，不能要求用户去改变浏览器，那么就得在我们的代码上下功夫。此时我们要用到hack。HACK就是针对不同的浏览器写不同的HTML、CSS样式，从而使各种浏览器达到一致的渲染效果。下面我们就分别了解一下HTML的hack和CSS的hac...
用户使用的浏览器五花八门，我们要保证每一种浏览器都能兼容我们的代码，不能要求用户去改变浏览器，那么就得在我们的代码上下功夫。此时我们要用到hack。HACK就是针对不同的浏览器写不同的HTML、CSS样式，从而使各种浏览器达到一致的渲染效果。
下面我们就分别了解一下HTML的hack和CSS的hack。
（一）、HTML的hack
HTML的hack由注释<!-- -->演变而来，在高级浏览器中注释不会被加载，把IE浏览器的兼容代码写在注释中，IE浏览器会识别。
HTML的hack代码模板：
注：
①用于写兼容的注释，标签内首位都要加！感叹号。
②单词都写在一对中括号中
③IE和版本号之间要加空格
④不加比较单词，表示只兼容这一个版本；
比较单词：lt=less than(小于)、lte=less than or equal (小于等于)、gt=great than(大于)、gte=great than or equal(大于等于)
<!--[if IE ６]><ｐ>只有IE6认识我<／p><![endif]-->
只要记住这一个模板就知道HTML的兼容怎么写了，下面我们列举几个：
<!--[if gte IE 9]>
<h1>大于等于IE9的浏览器能看到</h1>
<![endif]--><!--[if lte IE 8]>
<h1 class="red">您的浏览器版本过低，IE8及以下版本不支持新样式，请更新浏览器</h1>
<![endif]-->单独写给IE6的解决兼容问题的HTML代码：<!--[if IE 6]>
<script src="js/iepng.js?1.1.11" type="text/javascript"></script>
<script type="text/javascript">
EvPNG.fix('div,ul,img,li,input,span,b,h1,h2,h3,h4');
</script>
<![endif]-->
（二）、CSS的hack
CSS的hack包括：属性的hack和选择器的hack
设置css的hack要注意的是css样式的层叠性，给同一个元素设置的兼容写法必须写在后面，否则会被层叠掉。
（1）属性的hack
①只兼容IE6的hack
hack符：-或_，当做前缀写在属性前面，中间不加空格
在属性名前面加短横-或者下划线_(原理：高级浏览器及其他浏览器会认为这个前缀符号是一个unknown property name)，未知的属性名，不会报错，不予加载。
例：
background:red; //高级浏览器识别_background:pink; //仅IE6识别
②兼容IE6、7的hack
hack符： ` ~ ! @ # $ % ^ & * ( ) + = [ ] < > , . 中的任一字符，作为前缀写在属性前面
例：
background:red; //高级浏览器识别！background:pink; //仅IE6、7识别
③只兼容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中文网其它相关文章！
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
推荐资讯 总人气榜
最新教程 本月人气
- 1iphone6s图片及价格 苹果iphone6s真机图/报价
- 2iphone6s什么时候上市？苹果iphone6s上市时间
- 3ios8.1降级ios7.1.2图文说明教程 ios8.1降级7.1.2步骤
- 4iphone6日版为什么停售？苹果6日版停售因素
- 5iphone6日版为什么廉价？苹果6日版最廉价因素
- 6ios8.1.2 bug有哪一些？苹果ios8.1.2bug总结
- 7ios8.1.2越狱工具下载地址(附ios8.1.2圆满越狱图文说明教程)
- 8ios8.1.2更新了什么？苹果ios8.1.2更新内容
- 9ios8.1.2圆满越狱图文说明教程 ios8.1.2越狱步骤
- 10ios8.1.2降级图文说明教程 ios8.1.2如何降级步骤
- 11ios8.1.2固件下载地址：苹果ios8.1.2固件官方版下载
- 12ios8.1.2如何？苹果ios8.1.2使用评测
