关于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

关于IE浏览器的一些思路相关推荐

html 引入js 兼容,JS跨浏览器兼容性解决思路及方案汇总，常见JS兼容性知识点汇总...
上篇文章我们介绍了,处理CSS浏览器兼容性的4个解决方案:浏览器CSS样式初始化.浏览器私有属性,CSS hack语法和自动化插件,有兴趣的可以看看,链接放到本文结尾本文主要介绍JS的跨浏览器兼容性 ...
Python 模拟浏览器 POST请求思路
Python 模拟浏览器发送POST请求思路昨天朋友找我说想对一个tp网站的视频刷播放量,说可以一个IP地址无限刷. 登陆到网站后对所需的视频进行点击播放,发现没有任何跳转,而是发送了个POST请求 ...
深入浅出经典面试题：从浏览器中输入URL到页面加载发生了什么 - Part 3
备注: 因为文章太长,所以将它分为三部分,本文是第三部分. 第一部分:深入浅出经典面试题:从浏览器中输入URL到页面加载发生了什么 - Part 1 第二部分:深入浅出经典面试题:从浏览器中输入URL ...
html2canvas 截图div_浏览器端网页截图方案详解
简介剖析流行的截图插件 html2canvas 的实现方案,探索其功能上的一些不足之处及不能正确截取的一些场景,比如不支持 CSS 的 box-shadow 截取情况等.探索一种新的实现方式,能够避 ...
《手把手教你》系列基础篇之（三）-java+ selenium自动化测试- 启动三大浏览器（上）（详细教程）
1.简介前边宏哥已经将环境搭建好了,今天就在Java项目搭建环境中简单地实践一下: 启动三大浏览器.按市场份额来说,全球前三大浏览器是:IE.Firefox.Chrome.因此宏哥这里主要介绍一下如 ...
替代人工操作，模拟浏览器的“行为”
文章目录一.模拟用户的行为 1.1 如果你喜欢偏极客操作 1.2 如果你还会前端语言二.模拟系统的接口1.0 2.1 前端获取跟服务的交互接口 2.2 下载一个postman的工具软件 2.3 下 ...
史上最详细浏览器端网页截图方案分析
简介剖析流行的截图插件 html2canvas 的实现方案,探索其功能上的一些不足之处及不能正确截取的一些场景,比如不支持 CSS 的 box-shadow 截取情况等.探索一种新的实现方式,能够避 ...
JS实现IE11浏览器中打开Chrome浏览器(含IE配置启用ActiveX控件配置)
IE打开chrome浏览器脚本 window.onload = function () {// var objShell = new ActiveXObject("WScript.Shell ...
browserslist 目标浏览器配置表
为什么需要: 根据提供的目标浏览器的环境来,智能添加css前缀,js的polyfill垫片,来兼容旧版本浏览器,而不是一股脑的添加.避免不必要的兼容代码,以提高代码的编译质量. 共享使用browser ...
ie浏览器运行JavaScript脚本打开Chrome浏览器ie配置启用ActiveX控件配置
IE打开chrome浏览器脚本 window.onload=function () {var objShell = new ActiveXObject("WScript.Shell" ...

关于IE浏览器的一些思路

关于IE浏览器的一些思路相关推荐

最新文章

热门文章