超全的IE兼容性问题及解决方案
1.怪异盒模型:在老版本IE下不设置文档声明,页面就会进入怪异盒模型解析,所以要设置文档声明;
2.IE6下,子元素的宽高超出父级的宽高 :可以把父级设 置好的宽度撑开
3.在IE6下,块属性元素的高度小于19px:高度会按照19px显示处理
(解决办法:overflow: hidden; 把显示于高度之外的多余部分不显示)
4.在chrom下,文字大小小于12px:文字大小最小只能设置12px,设置低于12px都会当成12px处理
(解决方法:用图片代替)
5.在IE6下,1px的点线会被显示成虚线:dotted会显示成dashed
(解决方法:用图片代替)
6.在IE6下,边框加transparent的情况:边框还是会显示黑色
(解决方法:border-style设置成虚线)
7.对于HTML5新增标签部分浏览器无法识别问题:用JS定义
{document.createElement("header") 然后把header的display:block;}
8.在IE6,7下不支持给块标签加inline-block: 只是加给块元素不支持,加给内嵌式支持的并且可以触发haslayout,加给块加了之后没反应,块标签还是独占一行
(解决方法:在inline-block下添加以下代码{display:inline; zoom: 1;})
9.在IE6下父级有边框造成子元素margin失效的问题:
(解决方法:触发haslayout)
10.在IE6,7下,浮动元素的父级设置了宽度的话,不需要清浮动
11.元素浮动之后,如果宽度可以固定,一定记得设置固定宽度,如果宽度需要内容撑,就给它里面的块元素都加上浮动
12.IE6下双边距BUG在IE6下,块元素有浮动有横向的margin,横向的margin值会被放大成两倍
(解决方法: display:inline; 把块元素变成内嵌)
13.IE6下最后一行下margin失效问题 在IE6下,一行元素的宽度之和 和 父级的宽度相差大于等于3,则最后一行元素的下margin失效
(解决办法: 无(所以需要考虑IE6兼容性写样式时尽量不要用下margin,可以用给父级加下padding的方法代替)
14.在IE6下元素内容被复制的问题 在IE6下元素的宽度和父级宽度相差小于3px,并且两个浮动之后之间有注释或者内嵌,元素内容会被复制
(解决方法:可以用div把注释或者内嵌元素包起来)
15.在IE6中li里的内容浮动了之后li下边产生间隙的问题 在IE6中,li本身没有加浮动,但是 li 的内容都浮动了,或者有两个以上的浮动,li的下边就会产生几个px的间隙
(解决方法: 1 给li 加浮动 2给li 加vertical-align:top)
16.在IE6下绝对定位元素消失掉的问题(在IE6下,浮动元素和绝对定位元素是同级关系并且浮动元素的占位宽度和父级小于3px,绝对定位元素会消失掉)
(解决方法: 把绝对定位元素单独包起来)
17.在IE6下,父级的宽高是奇数的话,元素的right值和bottom值会有1px的偏差
(解决办法:无)
18.在IE6,7下,子元素如果有相对定位的话,父级的overflow包不住它
(解决方法: 给父级也加相对定位)
19.IE8和IE8之前浏览器不支持opacity的问题
(解决方法:filter:alpha(opacity= 40 ) filter是IE特有的属性,在IE8及之前的版本才会被识别)
20.在IE6,7下不支持border-spacing这条样式
(解决方法:1. border-collapse:collapse(会合并边框)2.cellspacing(行间样式,不会合并边框)
21.在IE6,7下input上下各有1px的间隙
(解决方法: 给input加浮动)
22.在IE6下,输入类型表单控件上下各有1px的间隙
(解决方法:给控件加浮动)
23.在IE6下,输入类型表单控件border:none;无效
(解决方法:1. border=“0” 2 重置input的背景)
24.在IE6,7下,输入类型的表单控件,输入文字的时候,图片会随着文字一起移动
(解决方法: 把图片给父级)
25.在IE6、7下,首行缩进可控制元素 text-indent会影响input等元素的位置
(解决方法:用padding-left来控制距离)
26.在IE6下,只支持link,hover,visited,active这四个伪类,并且只支持添加给a标签;
27.在IE7下,只支持link,hover,visited,active这四个伪类,可以添加给其它标签;
超全的IE兼容性问题及解决方案的更多相关文章
- 超全的web开发工具和资源
首页 新闻 产品 地图 动态 城市 帮助 论坛 关于 登录 注册 · 不忘初心,继续前进,环境云V2接口正式上线 · 环境云测点地图全新改版 · 祝福各位环境云用户中秋快乐! 平台信息 培训互动 ...
- 干货100+ 最超全的web开发工具和资源大集合
干货100+ 最超全的web开发工具和资源大集合 作为Web开发者,这是好的时代,也是坏的时代.Web开发技术也在不断变化.虽然很令人兴奋,但是这也意味着Web开发人员需要要积极主动的学习新技术和 ...
- iOS超全开源框架、项目和学习资料汇总--数据库、缓存处理、图像浏览、摄像照相视频音频篇
iOS超全开源框架.项目和学习资料汇总--数据库.缓存处理.图像浏览.摄像照相视频音频篇 感谢:Ming_en_long 的分享 大神超赞的集合,http://www.jianshu.com/p/f3 ...
- Unity3D 发布APK安卓环境配置步骤、安装、教程(含Java/Android)(超全流程)
Unity3D安卓环境配置运行 本文提供全流程,中文翻译.Chinar坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) Chinar -- 心分享. ...
- 超全面的JavaWeb笔记day03<JS对象&函数>
1.js的String对象(****) 2.js的Array对象 (****) 3.js的Date对象 (****) 获取当前的月 0-11,想要得到准确的月 +1 获取星期时候,星期日是 0 4.j ...
- 超全面的.NET GDI+图形图像编程教程
本篇主题内容是.NET GDI+图形图像编程系列的教程,不要被这个滚动条吓到,为了查找方便,我没有分开写,上面加了目录了,而且很多都是源码和图片~ (*^_^*) 本人也为了学习深刻,另一方面也是为了 ...
- 【转】iOS超全开源框架、项目和学习资料汇总
iOS超全开源框架.项目和学习资料汇总(1)UI篇iOS超全开源框架.项目和学习资料汇总(2)动画篇iOS超全开源框架.项目和学习资料汇总(3)网络和Model篇iOS超全开源框架.项目和学习资料汇总 ...
- 超全超详细的HTTP状态码大全(推荐抓包工具HTTP Analyzer V6.5.3)
超全超详细的HTTP状态码大全 本部分余下的内容会详细地介绍 HTTP 1.1中的状态码.这些状态码被分为五大类: 100-199 用于指定客户端应相应的某些动作. 200-299 用于表示请求成功. ...
- 大数据-将MP3保存到数据库并读取出来《黑马程序员_超全面的JavaWeb视频教程vedio》day17
黑马程序员_超全面的JavaWeb视频教程vedio\黑马程序员_超全面的JavaWeb教程-源码笔记\JavaWeb视频教程_day17-资料源码\day17_code\day17_1\ 大数据 目 ...
随机推荐
- 递归回溯生成和解决数独问题c/c++
数独 程序地址https://github.com/papicheng/blog/tree/master/%E6%95%B0%E7%8B%AC 一.游戏规则介绍: 数独是源自18世纪瑞士的一种数学游戏 ...
- CUDA线程
建议先看看前言中关于存储器的介绍:点击打开链接 线程 首先介绍进程,进程是程序的一次执行,线程是进程内的一个相对独立的可执行的单元.若把进程称为任务的话,那么线程则是应用中的一个子任务的执行.举个简单 ...
- Spring Cloud Gateway(五):路由定位器 RouteLocator
本文基于 spring cloud gateway 2.0.1 1.简介 直接 获取 路 由 的 方法 是 通过 RouteLocator 接口 获取. 同样, 该 顶 级 接口 有多 个 实现 类, ...
- 线程池(2)-Executors提供4个线程池
1.为什么不使用Executors提供4个线程池创建线程池 阿里巴巴开放手册这样写: . [强制]线程池不允许使用 Executors 去创建,而是通过 ThreadPoolExecutor 的方式, ...
- MovingWallVelocity边界条件【翻译】
翻译自:CFD-online 帖子地址:http://www.cfd-online.com/Forums/openfoam-solving/59646-movingwallvelocity-bound ...
- Echarts常用API(echarts和echartsInstance)
一.echarts上的方法 一般在项目中引入echarts之后,可以获得一个全局的echarts对象. 1.下面是几个比较常用的echarts方法 echarts.init() 创建一个echarts ...
- 梯度下降法(BGD & SGD & Mini-batch SGD)
梯度下降法(Gradient Descent) 优化思想:用当前位置的负梯度方向作为搜索方向,亦即为当前位置下降最快的方向,也称“最速下降法”.越接近目标值时,步长越小,下降越慢. 如下图所示,梯度下 ...
- Linux中touch命令使用(创建文件)
touch命令有两个功能: 1.用于把已存在文件的时间标签更新为系统当前的时间(默认方式),它们的数据将原封不动地保留下来: 2.用来创建新的空文件. 语法 touch(选项)(参数) 选项 -a:或 ...
- ASP.NET MVC传递Model到视图的多种方式之通用方式的使用
ASP.NET MVC传递Model到视图的多种方式总结——通用方式的使用 有多种方式可以将数据传递到视图,如下所示: ViewData ViewBag PartialView TempData Vi ...
- unittest 的用法
一.discover方法 discover方法可以根据标准加载用例,并将结果返回给测试套件(suite),start_dir:待测试的目录,pattern:测试用例文件名的匹配规. 如: start_ ...