关于IE浏览器的一些思路

首先说说我对IE的看法：

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

　　第二感觉个性（每个版本都需要你去用不同的代码去适配她）

　　

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

以前因为自己的电脑用的是IE11  360兼容模式默认打开IE9  所以一般我做兼容只做到IE9以上没问题，开开心心的把页面链接发给客户,等待客户给我发个ok ,就任务完成了 ！等来的却是一张截图

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

瞬间崩溃，开始在网上查关于IE7、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