文档章节

CSS IE6BUG

0000001
 0000001
发布于 2014/06/26 08:47
字数 622
阅读 35
收藏 1
1	IE6中绝对定位位置错误
BUG	在ie6中 . 如果参照物没有触发haslayout . 那么“绝对定位的容器”的left和bottom就会有问题
解决	在“相对定位的父容器”上加入 zoom:1 来触发ie的haslayout即可解决
小技巧:通常我们在设置一个容器为position:relative的时候 . 都会加上zoom:1来解决很多ie下的问题

2	IE6中绝对定位1像素偏差
BUG	IE6下参照物宽高为奇数时 . 绝对定位元素设置了位置为0或100%时 . 仍会有1px的空隙 
解决	设为偶数

3	IE6中绝对定位消失
BUG	IE6中绝对定位元素在浮动元素的前面或者后面消失
解决	a:给绝对定位元素加 clear:both 
	b:给浮动元素 加负外边距

4	IE67中相对定位元素溢出不动
BUG	IE67中相对定位的元素在有滚动条的容器里会固定不动且溢出
解决	只需要在有滚动条的容器上也设置position:relative即可

5	IE6浮动元素双边距bug
BUG	IE6中第一个左浮动的块级元素的margin-left加倍 . 第一个又浮动的块级元素的margin-right加倍
解决	给第一个浮动元素加 display:inline

6	IE6中浮动引起的3px的bug
BUG	IE6中浮动元素与紧随其后的元素会有3px间距
解决	给浮动元素 加负外边距

7:	IE67中表单元素向右偏离的bug
BUG	当“某些表单元素”的“父元素上触发了haslayout”后 . 这些表单元素会以“祖先元素上的margin-left值”偏离
解决	在“父元素外或内” “再嵌套一个触发haslayout的元素” 即可(zoom:1)

8:	IE67中图片链接点击无效的bug
BUG	对于a>span>img结构 . 如果span触发了haslayout . 那么img将点击无效
解决	给img设置position:relative;z-index:-1;再给a设置cursor:pointer;

9	li在IE中底部3像素的BUG
BUG	li包含a,span等行内元素同时设置行内元素float:left或display:block时,底部多出3px
解决	给li设置 float:left

10	IE6下链接伪类(:hover)CSS背景图片有闪动BUG
BUG	主要原因ie会再一次请求这张图片,或者说图片没被缓存
解决	在页面底部添加以下IE6专用代码,让IE6缓存CSS背景图片至本地

本文转载自:http://www.oschina.net/code/snippet_1248453_34323

共有 人打赏支持
0000001
粉丝 34
博文 141
码字总数 46256
作品 0
朝阳
前端工程师
私信 提问
修复一个bootstrap在IE6中clearfix的兼容性缺陷,行会有一定高度

没有bootstrap以前,清除div浮动层是沉淀了几次的一段css,为了以后更好的管理与拓展,开始在公司网站建设后台中逐步融入bootstrap,采用了bootstrap中的清除浮动类:clearfix,具体代码就不...

古红平
2013/07/27
0
0
细数那些不能直视的IE6BUG

li在IE中底部3像素的BUG 解决方案:在<li>上加float:left;即可解决 2. IE6中奇数宽高的BUG。 解决方案:就是将外部相对定位的div宽度改成偶数。高度也是一样的。 3. IE6文字溢出BUG 引发这种...

_大雁
2013/06/09
0
5
jQuery MultiSelect多选在IE6,会被select覆盖,怎么处理啊?

客户要求下拉复选框兼容IE6,7,8,9,就是只有IE6有问题,网上说IE6bug,在IE6 select下拉框是顶级元素,无法被覆盖掉。我试了试“jquery.bgiframe.js”,也没有效果啊。急啊!...

tim1888
2013/07/09
1K
7
IE6Bug,外层container设置了overflow:auto,但是内层嵌套元素有positi

HTMl代码: CSS代码: IE显示结果: 其他浏览器: 注意,IE6下并没有出现本应该出现的滚动条。 经调查,这个是IE6的bug,解决办法是在外层设置了overflow:auto的容器上添加position:relati...

jing31
2010/12/02
202
3
IE6Bug,外层container设置了overflow:auto,但是内层嵌套元素有position:relative的时候,显示错误。

HTMl代码: <div id="container"> </div> CSS代码: #container {height:100px;border:1px solid blue;overflow:auto;} a { height:200px;background-color:lightblue;float:left;width:60px......

jing31
2010/12/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

CPU性能过剩提升乏力影响未来行业发展吗?

虽然CPU仍然在不断发展,但是它的性能已经不再仅仅受限于单个处理器类型或制造工艺上了。和过去相比,CPU性能提升的步伐明显放缓了,接下来怎么办,成为横亘在整个行业面前的大问题。 自201...

linuxCool
10分钟前
0
0
使用Autowired和Qualifier解决多个相同类型的bean如何共存的问题

注意: 实现类UserServiceImpl,MyUserServiceImpl 需要区分:@Service("userServicel") @Service("myUserService") https://blog.csdn.net/russle/article/details/80287763......

qimh
44分钟前
3
0
SQL 语句使用to_char函数时,检索结果有空格

小疯在使用Oracle过程中,使用to_char函数检索表数据时发现检索结果前面会有一个空格,对后续开发有影响。问题很好解决,比较直接对可以做一下trim处理。但是小疯很疑惑为什么会有空格呢,于...

野小疯
45分钟前
3
0
对接比特币钱包的PHP开发包

BtcTool是一个基于第三方服务和离线裸交易实现的PHP比特币应用开发包,适合不希望部署本地 节点旳PHP开发者,开发包主要包含以下特性: 利用第三方服务获取指定地址的utxo集合 离线生成消费裸...

汇智网教程
今天
2
0
【自用】 VHD to VHDX

VHDX: 在VHD 2TB 的基础上提供 64TB的容量。 支持逻辑扇区大小为 4KB,和每块的大小为 256MB,来优化虚拟磁盘性能。 比VHD提供更高的安全性、可靠性和性能。 convert-VHD –path d:\Hyper-v...

Tensor丨思悟
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部