浏览器兼容性问题(内核、IEtester、cssrest、盒模型)
一、浏览器内核
IE:Trident
火狐:Gecko
Chrome/safri:webkit
Opera:Presto(Opera前内核已经被废弃,现在使用Blink)
Blink(google和Opera联合开发高版本用这个)
二、IEtester的bug
经常崩溃
当窗口大小改变的时候,页面内容可能会消失(作者改进中); 上一页/下一页功能不正常; Focus功能不正常; Java apple不能运行; Flash不能在IE6下正常运行。
三、浏览器初始化
因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异。 当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。*最简单的初始化方法就是: * {padding: 0; margin: 0;} (不建议)
四、盒模型
IE8以下的盒模型和W3C盒模型不同之处
IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框
//IE 在不加<!DOCTYPE html>头的时候会出现问题宽度会不包括padding,(IE11不再有此问题)
五、css遇到的兼容性问题
1 .IE6浮动 margin 产生的双倍距离
解决办法hack
<div style="float:left;width:200px;height:200px;background-color:pink;margin:200px;_margin-left:100px">
这个边距
</div>
或者display:inline
2.当子元素浮动未知高度时,使父容器适应子元素的高度bug
overflow:auto;-------让父容器自适应子元素的高度
_zoom:1;---------为了兼容IE6而使用的CSS Hack
3.图片下方有空隙产生给img元素添加属性:display:block;
4.Float在ie6下,存在问题,float 会到下一行,不能和非float在一行内;
5.上一个元素为Float时会影响下一个元素的位置;
解决办法:css hack暴力设置值IE6下的margin-left值;或者将float用非float包起来。或者如果效果是让最下面一行占据一整行,要用clear:both;
6.ie6 不显示boder:dashed
相关推荐
测试浏览器兼容性ietester,ETester是一个免费的Web浏览器调试工具,ETester可以模拟出不同的js引擎来帮助程序员设计效果统一的代码.
IETester-v0.4.7汉化版测试浏览器的兼容性问题。IETester-v0.4.7简单实用,下载安装即可。
IE兼容性 调试工具 IETester IE调试工具
c#浏览器兼容性测试工具ietester.zip
F2etest 是一个面向前端、测试、产品等岗位的多浏览器兼容性测试整体解决方案。在之前,我们一般有三种解决方案:本机安装大量的虚拟机,一个浏览器一个虚拟机,优点:真实,缺点:消耗硬盘资源,消耗CPU资源,打开...
这是个相当神奇的小软体,可以帮我们模拟网页在IE5.5、IE6、IE7与IE8 beta1等浏览器的相容性,让我们看一下辛苦作好的CSS样式或网站版面是否可以在各个主要浏览器正常显示。 IETester是以“分页标签”的方式,分别...
这是一款不错的测试网页在各个IE兼容的工具,内嵌各个版本IE(IE5,IE,IE7,IE8,IE9等版本),让网页更美观。
ietester,用来测试页面在不同版本下IE兼容性
IETester是一个免费的Web浏览器调试工具,可以模拟出不同的js引擎来帮助程序员设计效果统一的代码.IETester可以在独立的标签页中开启IE5.5、IE6、IE7以及最I新的IE8 beta2这4个不同版本的IE。
这是个相当神奇的小软体,可以帮我们模拟网页在IE5.5、IE6、IE7与IE8 beta1等浏览器的相容性,让我们看一下辛苦作好的CSS样式或网站版面是否可以在各个主要浏览器正常显示。 IETester是以“分页标签”的方式,...
IETester兼容测试工具,可进行不同版本ie兼容性自测。
IETester是个相当神奇的小软件,可以帮我们模拟网页在IE5.5、IE6、IE7与IE8 beta1等浏览器的相容性,让我们看一下辛苦作好的CSS样式或网站版面是否可以在各个主要浏览器正常显示。 IETester是以”分页标签”的方式...
ietester
CSS兼容性问题一直被大家关注,而调试环境成为很多CSSer头疼的问题。如何在一台电脑中实现多个浏览器版本共存呢。 而今天向大家介绍一款新的工具IETester。这款工作个头不大,但是功能不小。它能模拟实现在IE5.5、...
IE各版本浏览器测试软件 IETester(前端必备),可禁用缓存和脚本,IE5/IE6/IE7/IE8/IE9
从IE5.5开始到最新版,适合浏览器兼容调试用
IE5,IE6,IE7,IE8 IE测试浏览器(多浏览器一键安装版)install-ietester
兼容性测试,IEtester,用于测试IE5.5、6、7、8版本兼容性。
IETester 包含 IE 5.5 IE6 IE7 IE8 IE9 的IE各版本兼容性测试,网页开发必备
IETester集成了微软的IE5.5、IE6、IE7、IE8版本的浏览器一款绿色软件