IE6和IE7渲染相对定位元素的Bug
这个Bug很恼人。如果网页元素的样式使用了“>
具体的描述可以参看这里:http://friendlybit.com/css/ie6-resize-bug/(英文)
要自己重现也很简单,样式太概是这样的:
body { margin: 0 auto; width: 760px; /* 任意设置一个固定宽度的容器 */ } /* 把你要测试的元素放入容器并设置CSS: ; */ #example p { ; }
HTML可能是这样的:
<html>
<head>
<title>test</title>
<style>
body { margin: 0 auto; width: 760px; border:1px red; /* 任意设置一个固定宽度的容器 */ }
/* 把你要测试的元素放入容器并设置CSS: >; */ #example p { ; border:1px green; }
</style>
</head>
<body>
<div >
</body>
</html>
你也可以分别用IE6、IE7、FF等浏览器查看这个页面:
http://friendlybit.com/files/ie6resizebug/
使用IE8的兼容模式也可以看到这个Bug。绿色放宽应该在黑色框内,在浏览器大小发生改变时IE没有调整绿色框的位置。
正确的呈现应该是这样的:
也可以直接用IE6和IE7访问这个页面:http://friendlybit.com/files/ie6resizebug/fixed.html
上面链接是修复之后的呈现。修复的方式很简单,就是在body上加入样式“>
IE的进化速度太慢了,到了IE8还不支持CSS圆角,而IE6还有很多人在用,伤脑筋。如果是我自己能够控制的项目,我可能会采取比较激进的措施,直接不理IE6和IE7——毕竟IE8都已经发布很久了。
对于这个Bug的总结就是,如果看到页面上某些元素随着浏览器大小的改变而位置不变(当然,前提是这不是你想要的效果)或者拖动滚动条某些元素的位置也不改变,那么就可以看看不动的元素是不是设置了>
分享到:
相关推荐
ie6-ie7 dom渲染bug demo
渲染数组某个元素渲染数组某个元素渲染数组某个元素渲染数组某个元素渲染数组某个元素渲染数组某个元素渲染数组某个元素渲染数组某个元素渲染数组某个元素渲染数组某个元素渲染数组某个元素渲染数组某个元素渲染数组...
使mainiframe的高度根据网页高度自定义,在IE7中可以使用,IE8中无法使用,只要在<head></head>之间加入<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />,IE8调用IE7的渲染模式,就可以使mainiframe...
win7下可以用的绿色ie6(xp下也可以用),此版集成调试工具IE WebDeveloperV2.4.1, 解压后点击bin目录下VirtIE6.exe即可,杀毒软件提示均为误报,点击信任即可! IE头部的工具栏中有一个图标ie webdeveloperv2,点...
在解决这个问题的过程中,也学了另外一个bug–"ie6渲染bug": js操作DOM,有时候在IE6下简直就是噩梦,不渲染的解决方法通常都是zoom强制IE渲染来解决: javascript代码: 复制代码代码如下:document.body.st
IE8 指定不同的页面渲染模式 ,兼容模式
公司的项目在老总的IE9下无法...,使IE7 IE8浏览器使用IE7模式渲染。IE9就用自己的IE9模式渲染。互不影响,不晓得是否正确,准备安装W7去。 欢迎各位朋友拍砖,求指点,求进步。 转自http://www.jqueryba.com/77.html
但凡是前端工程师,都知道IE6,IE7,IE8不支持、或者不完全支持CSS3的属性。 CSS3 有很多很强大、绚丽的效果,比如,圆角,阴影,渐变透明,渐变背景,等等。 因为IE6时代,没有什么标准,而因为各种原因,IE6用户...
兼容css ie678等 各种hack
javascript之解决IE下不渲染的bug
X-UA-Compatible是针对ie8新...目前IE8尚在测试版中,所以为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码: <meta http-equiv="X-UA-Co
IETester 简介 [1]IETester是一个免费的WebBrowser控件,让您有渲染和IE8的JavaScript引擎,IE7和IE 6在Windows 7,Vista和XP的IE5.5中,以及在同一进程中安装的IE浏览器。新的v0.4.2:新增开发选项来启用/禁用...
之前IE9公发布了两个技术预览版,分别提供了GPU渲染和新的JS引擎,并且微软正计划对IE9进行更多改变,使其全面支持W3C的Web标准,包括HTML5, SVG 1.1第二版, CSS3媒体查询, CSS3边框与背景, CSS3选择器, DOM level 3...
Chrome Frame 是 Google 推出的一个针对 IE 6,7,8 开发的免费开源的浏览器插件,它可以让IE浏览器使用上webkit 内核。使用该插件后,用户的 IE 将获得和Chrome浏览器一样的高性能和丰富的功能,例如高速的...
之前IE9公发布了两个技术预览版,分别提供了GPU渲染和新的JS引擎,并且微软正计划对IE9进行更多改变,使其全面支持W3C的Web标准,包括HTML5, SVG 1.1第二版, CSS3媒体查询, CSS3边框与背景, CSS3选择器, DOM level 3...
新的JavaScript引擎比起IE8所使用的同一引擎,要更快更稳定,IE9支持使用一个独立的线程来运行JavaScript引擎,支持文本的硬件加速,图像的渲染。可以充分利用显示GPU的性能来提高浏览器的图形处理性能, 即利用图形...
PIE.js 2.0 beta版,它的官网上没有中文文档,也没得demo下载,自己动手丰衣足食,抠它的demo代码抠了一个通宵,自己又翻译了一下它的使用说明,特来上传方便各位兄弟姐妹
IE9的性能大幅提升不得不让人很多人又回到IE的怀抱,在各个机构的评测中和个人使用的感受中IE9已与谷歌、火狐等浏览器旗鼓相当,安全性大幅提高并加入硬件渲染的新技术,兼容性又比其他浏览器好,这些绝对是让多数人...
IE9将可以PC的图形处理单元(GPU)优势去加速文字和图形的渲染能力、加强标签浏览、可伸缩矢量图形(SVG)以外,IE9还将更遵守网页浏览标准,特别是对HTML5标准的支持。 IE9(Internet Explorer 9)是IE浏览器的...