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 条评论
登录 后参与评论

相关文章

来自专栏Python研发

HTML

一个完整的网页是由HTML(超文本标记语言),css(层叠样式表)JavaScript(动态脚本语言)三部分组成.

1082
来自专栏腾讯DevOps

Git-基本命令大全

Workspace:工作区 Index / Stage:暂存区 Repository:仓库区(或本地仓库) Remote:远程仓库

1734
来自专栏Youngxj

js实现网页弹出窗口的代码详细教程

1645
来自专栏Python

HTML基础

一 html html结构 ? !DOCTYPE html> 告诉浏览器使用什么样的html或者xhtml来解析html文档 <html></html>是文档的...

1975
来自专栏韩东吉的Unity杂货铺

零基础入门 20: UGUI DropDown

(题外话,因为这期分享中段制作之后,微信平台抽疯,Gif图无法使用,导致我不得不尝试用其他的方式来让文章看起来没那么死板,在后面的部分展示中,我插入了视频文件而...

1164
来自专栏静晴轩

Url参数中出现+、空格、=、%、&、#等字符的解决办法

Url出现了有+,空格,/,?,%,#,&,=等特殊符号的时候,可能在服务器端无法获得正确的参数值,抑或是造成不能正常下载文件(作为Download Url时候...

3397
来自专栏菩提树下的杨过

silverlight:分享一个不错的自定义布局CollectionFlow(可用于制作相册的哦!)

2009年最后一天,分享一个不错的Silverlight开源自定义布局:CollectionFlow,原作者博客: http://mentas.spaces.l...

17810
来自专栏青玉伏案

Git知识总览(六) Git分支中的远程操作实践

前几篇博客陆陆续续的讲了好多关于Git操作的内容, 其中在上篇博客聊了《Git中的merge、rebase、cherry-pick以及交互式rebase》,本篇...

32911
来自专栏韩东吉的Unity杂货铺

零基础入门 3: 窗口介绍(一)

前两篇介绍了Unity的环境布置,破解,平台切换。如果哪里有所遗忘可以翻看历史消息重新巩固下。

643
来自专栏吴小龙同學

Android Studio Git 分支实践

新公司有些项目是用的 Git,以前公司都是 svn,为了练手 Git,我个人 APP 用到了,但是仅简单的 git pull/push 的使用,并未用到 G...

2995

扫码关注云+社区