文档章节

CSS IE6BUG

0000001
 0000001
发布于 2014/06/26 08:47
字数 622
阅读 35
收藏 1
点赞 0
评论 0
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背景图片至本地

© 著作权归作者所有

共有 人打赏支持
0000001
粉丝 35
博文 140
码字总数 46256
作品 0
朝阳
前端工程师
jQuery MultiSelect多选在IE6,会被select覆盖,怎么处理啊?

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

tim1888 ⋅ 2013/07/09 ⋅ 7

细数那些不能直视的IE6BUG

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

_大雁 ⋅ 2013/06/09 ⋅ 5

IE6Bug,外层container设置了overflow:auto,但是内层嵌套元素有positi

HTMl代码: CSS代码: #container {height:100px;border:1px solid blue;overflow:auto;} a { height:200px;background-color:lightblue;float:left;width:60px;} b { position:relative;hei......

jing31 ⋅ 2010/12/02 ⋅ 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

50 个优秀 CSS3 技巧和优美的设计教程

Filter Functionality with CSS3 Thumbnail Proximity Effect with jQuery and CSS3 Fullscreen Background Image Slideshow with CSS3 CSS3 灯箱 Slopy Elements with CSS3 Item Blur Effec......

红薯 ⋅ 2012/01/11 ⋅ 0

如果你在找 CSS 学习资源,那就收藏这篇文章

本文由伯乐在线 -伯小乐 翻译。未经许可,禁止转载! 英文出处:Grace Smith。欢迎加入翻译组。 如果你在寻找一些 CSS 基础和高级的指南或资源,那这篇文章应该有你要的 CSS 初级和高级指南:...

伯乐在线 ⋅ 2014/11/07 ⋅ 0

108 个各种免费的 CSS 菜单设计

这里推荐 108 个各种 CSS 的菜单设计,包括复杂菜单、下拉菜单、水平菜单和垂直菜单,应有尽有。 Drop Down Menus 1. Slide Down Box Menu with jQuery and CSS3 – Source Slide Down Box ...

红薯 ⋅ 2011/05/27 ⋅ 11

35个很棒的HTML5和CSS3教程

CSS3和HTML 5可以影响你设计网站的方式。CSS3提供了很多的设计上的新技术和高级功能,使创建网站变得更容易。下面的列表是今年最新的CSS3和HTML5的教程。 1. The Apple.com navigation menu...

小卒过河 ⋅ 2011/07/01 ⋅ 6

50 个最佳 CSS3 教程大放送

本文收集了2011年最热门的50个CSS3教程,读者可根据这些教程轻松实现网页的设计。 1. Original Hover Effects with CSS3 本教程讲述应用CSS3实现风格迥异的鼠标悬停效果。 2. CSS3 Transiti...

红薯 ⋅ 2011/11/23 ⋅ 1

20个对学习CSS3大有裨益的资源

译者按:CSS2的出现让web顿时丰富起来,特别是web2.0时代CSS成为每个web页面都必不可少的元素。但是随着web技术的发展,CSS2已经不能满足web开发的需求,例如属性选择、AJAX出现后与JS的交互...

晨曦之光 ⋅ 2012/03/09 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Spring MVC基本概念

只写Controller

颖伙虫 ⋅ 15分钟前 ⋅ 0

微软重金收购GitHub的背后逻辑原来是这样的

全球最大的开发者社区GitHub网站花落谁家的问题已经敲定,微软最终以75亿美元迎娶了这位在外界看来无比“神秘”的小家碧玉。尽管此事已过去一些时日,但整个开发者世界,包括全球各地的开源社...

linux-tao ⋅ 16分钟前 ⋅ 0

磁盘管理—逻辑卷lvm

4.10-4.12 lvm 操作流程: 磁盘分区-->创建物理卷-->划分为卷组-->划分成逻辑卷-->格式化、挂载-->扩容。 磁盘分区 注: 创建分区时需要更改其文件类型为lvm(代码8e) 分区 3 已设置为 Linu...

弓正 ⋅ 36分钟前 ⋅ 0

Spring源码解析(六)——实例创建(上)

前言 经过前期所有的准备工作,Spring已经获取到需要创建实例的 beanName 和对应创建所需要信息 BeanDefinition,接下来就是实例创建的过程,由于该过程涉及到大量源码,所以将分为多个章节进...

MarvelCode ⋅ 56分钟前 ⋅ 0

js模拟栈和队列

栈和队列 栈:LIFO(先进后出)一种数据结构 队列:LILO(先进先出)一种数据结构 使用的js方法 1.push();可以接收任意数量的参数,把它们逐个推进队尾(数组末尾),并返回修改后的数组长度。 2....

LIAOJIN1 ⋅ 今天 ⋅ 0

180619-Yaml文件语法及读写小结

Yaml文件小结 Yaml文件有自己独立的语法,常用作配置文件使用,相比较于xml和json而言,减少很多不必要的标签或者括号,阅读也更加清晰简单;本篇主要介绍下YAML文件的基本语法,以及如何在J...

小灰灰Blog ⋅ 今天 ⋅ 0

IEC60870-5-104规约传送原因

1:周期循环2:背景扫描3:自发4:初始化5:请求6:激活7:激活确认8:停止激活9:停止激活确认10:激活结束11:远程命令引起的返送信息12:当地命令引起的返送信息13:文件传送20:响应总召...

始终初心 ⋅ 今天 ⋅ 0

【图文经典版】冒泡排序

1、可视化排序过程 对{ 6, 5, 3, 1, 8, 7, 2, 4 }进行冒泡排序的可视化动态过程如下 2、代码实现    public void contextLoads() {// 冒泡排序int[] a = { 6, 5, 3, 1, 8, 7, 2, ...

pocher ⋅ 今天 ⋅ 0

ORA-12537 TNS-12560 TNS-00530 ora-609解决

oracle 11g不能连接,卡住,ORA-12537 TNS-12560 TNS-00530 TNS-12502 tns-12505 ora-609 Windows Error: 54: Unknown error 解决方案。 今天折腾了一下午,为了查这个问题。。找了N多方案,...

lanybass ⋅ 今天 ⋅ 0

IDEA反向映射Mybatis

1.首先在pom文件的plugins中添加maven对mybatis-generator插件的支持 ` <!-- mybatis逆向工程 --><plugin><groupId>org.mybatis.generator</groupId><artifactId>mybatis-generator-ma......

lichengyou20 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部