深大 云 网络在H5开发中解决IE浏览器的兼容问题。浏览器兼容问题可以认为是相同的代码（css,js）在不同的浏览器中执行会产生不同的效果。
中国常见的3大内核：
IE内核：IE浏览器、 360浏览器 （兼容模式）
Ch rom e内核：C hr ome、 360 浏览器（极速模式）、 搜狗 浏览器、腾讯TT浏览器、 百度 浏览器、傲游浏览器
火狐内核：firefox浏览器
_color 比如_color中只 会用 ie6浏览器执行这句代码。
1）IE6对于微型 盒子 （高度小于等于18px的盒子）显示是有问题的，它总会维持高度18px；解决办法就是设置font- Size: 0;
原因 :
IE6的渲染机制是以文字为本，总是试图让盒子的高度至少有内部文字的大小。我们声明内容 文字大小 为0，就好了。
|
|
|
| &nbs p; | _font -s ize:0; |
列子：
2)盒子的 半 透明
Opac IT y。值为1的时候，表示完全不透明；0表示盒子不可见，完全透明。但是在ie6中也有兼容性。
使用：_filter:alpha(opacity=72);解决兼容问题
3)overflow:hidden来清除浮动，对IE6有兼容性问题。
解决方法：zoom是IE浏览器中的一个属性（不是W3C的属性），用于控制显示倍数。这个属性用于控制页面中的任何元素显示倍数的。
但是在这里我们借助zoom这个属性，设置1，盒子不会放大也不会缩小，但是会触发一个hasLayOut机制（有兴趣的 同学 可以百度）。
在有hasLayOut机制的情况下，IE浏览器可以 用O verflow:hidden，_zoom:1来清除浮动的影响。
4）双倍m arg in问题
当一个浮动的盒子中，有连续的浮动的子盒子，（看mari gin 的 方向 ，margin为左就是第1项，margin为右是最后项）的margin将会双倍。
1*{ |
| 解决方法： |
|
|
5)图片的边框
IE6、7中，所有有链接的图片，都默认有难看的边框:
<a href=] # ]>< img src=]] /></a>
|
解决方法： img{ border: none; } |
6)IE6在不加<!DOCTY PE >文档声明头的时候，会用自己的理解处理 盒模型 。由[外扩]变成[内减]。Margin居中会失效。
解决办法：添加文档声明头<!DOCTYPE >
| 正常 情况 | 不加文档声明头<!DOCTYPE > |
|
|
|
深大云网络在H5开发中解决IE浏览器的兼容问题。浏览器兼容问题可以认为是相同的代码（css,js）在不同的浏览器中执行会产生不同的效果。
中国常见的3大内核：
IE内核：IE浏览器、360浏览器（兼容模式）
Chrome内核：Chrome、360浏览器（极速模式）、搜狗浏览器、腾讯TT浏览器、百度浏览器、傲游浏览器
火狐内核：firefox浏览器
_color 比如_color中只会用ie6浏览器执行这句代码。
1）IE6对于微型盒子（高度小于等于18px的盒子）显示是有问题的，它总会维持高度18px；解决办法就是设置font-size:0;
原因:
IE6的渲染机制是以文字为本，总是试图让盒子的高度至少有内部文字的大小。我们声明内容文字大小为0，就好了。
|
|
|
| _font-size:0; |
列子：
2)盒子的半透明
Opacity。值为1的时候，表示完全不透明；0表示盒子不可见，完全透明。但是在ie6中也有兼容性。
使用：_filter:alpha(opacity=72);解决兼容问题
3)overflow:hidden来清除浮动，对IE6有兼容性问题。
解决方法：zoom是IE浏览器中的一个属性（不是W3C的属性），用于控制显示倍数。这个属性用于控制页面中的任何元素显示倍数的。
但是在这里我们借助zoom这个属性，设置1，盒子不会放大也不会缩小，但是会触发一个hasLayOut机制（有兴趣的同学可以百度）。
在有hasLayOut机制的情况下，IE浏览器可以用overflow:hidden，_zoom:1来清除浮动的影响。
4）双倍margin问题
当一个浮动的盒子中，有连续的浮动的子盒子，（看marigin的方向，margin为左就是第1项，margin为右是最后项）的margin将会双倍。
1*{ |
| 解决方法： |
|
|
5)图片的边框
IE6、7中，所有有链接的图片，都默认有难看的边框:
<a href=]#]><img src=]] /></a>
|
解决方法： img{ border: none; } |
6)IE6在不加<!DOCTYPE >文档声明头的时候，会用自己的理解处理盒模型。由[外扩]变成[内减]。Margin居中会失效。
解决办法：添加文档声明头<!DOCTYPE >
| 正常情况 | 不加文档声明头<!DOCTYPE > |
|
|
|
觉得 可用，就经常来吧！ 欢迎评论哦！ html5教程 ，巧夺天工，精雕玉琢。小宝典献丑了！
总结
以上是 为你收集整理的 html5教程-深大云网络在H5开发中解决IE浏览器的兼容问题 全部内容，希望文章能够帮你解决 html5教程-深大云网络在H5开发中解决IE浏览器的兼容问题 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于html5教程-深大云网络在H5开发中解决IE浏览器的兼容问题的详细内容...