关于IE浏览器的一些思路

首先说说我对IE的见解：

　　第一感受倔强、孤僻特立独行。（老是和别人不同，是初学者的噩梦）

　　第二感受个性（每一个版本都须要你去用不一样的代码去适配她）

　　

 

虽然如今IE已经升级到了11相对于之前的IE8，IE7，已经完善了好多  一些css3动画也能支持了，可是 如今大多数客户的电脑貌似仍是之前的IE7 IE8  从未升过级（惊喜不惊喜，开心不开心……额！！！）

 

之前由于本身的电脑用的是IE11  360兼容模式默认打开IE9  因此通常我作兼容只作到IE9以上没问题，开开心心的把页面连接发给客户,等待客户给我发个ok ,就职务完成了 ！等来的倒是一张截图

页面样式全乱，浮动处处飞，各类样式背景图丢失，一瞬间我开始怀疑了本身的人生。趁客户没有生气 ，急忙解释 客户用的浏览器？ 什么模式？版本号？等来的是另外一张截图上面大大的写着IE8！！

瞬间崩溃，开始在网上查关于IE七、IE8的问题

 

 

什么内边距 什么宽度问题   什么浮动问题  还有那个背景图片

个人答案以下：

内边距  使用hack方法 加入浏览器特定标识

 

 　IE6识别 * 、_

 

    IE7识别 * + 同时写才管用  只写单独的 + 或者 * 不起做用

 

    IE8识别 * 、\9,\0

 

    只有IE8识别  \0/    

 

    ie9只识别：\9

hack详解  http://www.webhj.com/hj-650.html

 

宽度问题：  加入hack修改宽度   宽度 = 原宽度- 内边距  例如 你在谷歌的宽度 是200px   内边距为10px    ie宽度应为  200px-20px=180px

浮动问题 ：这个问题我只遇到过一次  两个左浮动  显示的结果变成了 两个都右浮动  并且没有在同一行  最后个人解决办法  是用的绝对定位  

　　　　　　父级元素给一个相对定位 position:relative  浮动元素给一个绝对定位position:absolute   父级元素给个高度  

 

还有那个背景图片： 这个看图吧

注意格式  注意 空格！ 空格！  空格！  这是IE一个比较坑的一点

详情能够看看这个  http://www.cnblogs.com/llhBlog/p/6158262.html