最小高度问题:overflow:hidden

在ie6、7下 li本身不浮动 内容浮动 li产生3像素间隙 解决:vertical-align:top; 二、当ie6下最小高度问题和li间隙问题共存时 给li加浮动

滤镜:标准浏览器【opacity:0.5】 ie6【filter:alpha(opacity=50)】

图片底部3像素问题:vertical-align:top;

padding是占位置的。

ie6下 子元素会撑开父级设置好的宽高  : 计算一定要正确,不要让内容的宽高,超出设置的宽高【子元素宽度超过父级宽度,放不下会折行,这样撑开了父级的高度】:

    在ie元素浮动,如果宽度需要内容撑开,就给里面的块元素都加浮动【<div><h1>left</h1></div>    <div><h1>right</h1></div>  div加浮动 h1也要加浮动 】因为在ie6下 内容会撑开父级,h1为块元素 撑开父级就占满整行了

在IE6、7下元素要通过浮动并在同一行,就给这行元素都加浮动

结构性问题:p标签不能包块标签

ie6下不支持点线 1px dotted 解决:切背景图 平铺

双边距bug:块元素浮动 加 左右margin 会产生双边距bug  解决 display:inline【转成内嵌元素】  :margin-right 右侧有双边距  margin-left 一行 左侧的第一个元素有双边距

  在ie6下解决margin传递要触发haslayout  其他浏览器解决 加overflow:hidden 或  元素或他的子元素 浮动

  在ie6下父级有边框的时候,子元素的margin消失 解决:触发父级的haslayout

当一行子元素 占有的宽度之和 和 父级相差超过3像素 或者 有一行不满行状态时 最后一行子元素的下margin在ie6下会失效。解决 暂无

ie6下文字溢出bug:子元素和父级元素的宽度相差小于3px的时候,两个浮动元素中间有注释或者内嵌元素时 会产生  解决:用div把注释和内嵌元素整个的包裹起来,或者设置子元素的宽度小于父级宽度3px+

定位问题bug

1. 当浮动元素 与 绝对定位元素 是同一行时,绝对定位元素会消失 解决:给定位元素加外面包div

2. 在ie6、7下,子元素有相对定位的话,父级的overflow包不住子元素【原因是定位增加了元素层级,解决办法是 给父级也加相对定位提高层级】 解决:给父级也加相对定位

3. 在ie6下 绝对定位元素的父级宽高是奇数的时候,元素的right值和bottom值会有一像素的偏差,解决:父级的宽高尽量是偶数

输入类型表单控件bug:

1. 在ie6、7下输入类型的表单控件上下各有一像素的间隙 解决 : 给input加浮动

2. 在ie6、7下输入类型的border:none;border依然有 解决 重新给input加背景

3. 在ie6、7下输入类型的表单控件 输入文字后 背景图片会跟着一起移动

div 文字超出隐藏 overflow:hidden;text-overflow:ellipsis;white-space:nowrap; 设置了容器宽度就可以了 很方便

ie6下兼容问题的更多相关文章

  1. div+css 布局下兼容IE6 IE7 FF常见问题

    div+css 布局下兼容IE6 IE7 FF常见问题 收藏 所有浏览器 通用 (市面上主要用到的IE6 IE7 FF)height: 100px; IE6 专用 _height: 100px; IE ...

  2. IE6下position:fixed;兼容

    *html{ background-image:url(about:blank); background-attachment:fixed;}/*解决抖动问题*/ .backto-top{ width ...

  3. 在ie6下的png图片的兼容问题

    png图片在ie6下是这样的: 正确样式: 这样解决: html代码: <body> <div class="gys"></div> </ ...

  4. IE6下面的hover不兼容

    第一种解决方法: ie6中hover只是对a标签有作用 必须有href=“”,否则都不管用,如果不能写a标签,还想让ie6下有滑过效果,那只能写javascript或者jquery. 例如:ie6是不 ...

  5. IE6 的兼容相关问题

    因为在实习公司要求兼容IE6+,所以将IE6相关的样式兼容问题列出,及解决方案. 1.让页面变丑的透明背景图片问题: HTML都为以下代码: <div class="img-png&q ...

  6. 疯狂抨击ie6下各种扭曲行为

    从开始接触ie6就被它强大的力量给震住了,虽然它很可怕,但是我总归得想方设法把它给扼杀在摇篮外.以下是我在ie6下面碰到的一些扭曲行为,弱弱的把它给干掉!!! 1.浮动下margin翻倍问题(很典型, ...

  7. 在IE6下使用filter设置png背景

    今天帮别人解决问题学会了一个在IE6下使用filter设置png背景,具体css写法如下: .login_form_wrap { width: 778px; height: 360px; backgr ...

  8. IE6下div遮盖select的最优解决方案

    a.本节精选html5/css频道里一款IE6下div遮盖select的最优解决方案 原理:利用iframe来遮挡select,再用div来遮挡iframe,就这么简单. 1)首先,建一个div层和i ...

  9. ie6的兼容总结

    ie6的兼容处理总结 1.透明背景图: .timer { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='my.png ...

随机推荐

  1. MySQL数据复制的校验

    在5.6之前,管理员只能通过ssl实现检校验5.6中,可以使用CRC32检查和来保证master和slave的数据的完整性.校验信息记录在master的二进制日志中和slave的relay日志中. m ...

  2. bash 截取字符串

    转载自http://blog.chinaunix.net/uid-1757778-id-3162034.html 命令的2种替换形式 $()和 ``示例:截断字符串    a):    #截取文件名称 ...

  3. CheckBox的用法

    if (window.pageConfig["IsCommend"] == "True") {      $("#IsCommend").v ...

  4. MFC主窗口架构模型

    根据主窗口类型,MFC软件工程可以分为一下几种架构模型: 1.SDI(Simple Document Interface)单文档界面,一个主窗口下只编辑一份文档 2.MDI(Multiple Docu ...

  5. [转] git 常用命令

    查看.添加.提交.删除.找回,重置修改文件 git help <command> # 显示command的help git show # 显示某次提交的内容 git show $id gi ...

  6. find 命令使用总结

    参考:http://os.51cto.com/art/200908/141119.htm 1.find命令的一般形式 find pathname -options [-print -exec -ok ...

  7. radio应用

    1.获取选中值,三种方法都可以: $('input:radio:checked').val(): $("input[type='radio']:checked").val(); $ ...

  8. PHP XDEBUG

    PHP调试时,不得不提XDEBUG这个调试利器.学习PHP以来,几乎所有的问题我都利用它来解决. 首先关于如何安装,不在赘述,请自行google之.(需要特别注意的是:PHP5.2 和5.3 ,关于加 ...

  9. Facebook开源项目:我们为什么要用Fresco框架?

    (Facebook开源项目)Fresco:一个新的Android图像处理类库 在Facebook的Android客户端上快速高效的显示图片是非常重要的.然而多年来,我们遇到了很多如何高效存储图片的问题 ...

  10. 夺命雷公狗ThinkPHP项目之----企业网站2之数据库的快速设计

    我们在一个项目的时候,花费最多事件的估计还是数据库的时间了,我们的数据库暂时就这样设计好了: 暂时我们的数据库就这样设计好了用下先,建好后如下所示: