1.文字 本身的大小不兼容。解决方案:给文字设定 line-height 。确保所有文字都有默认的 line-height 值。
2.ff 下容器高度限定,不要轻易给容器定义height。
4.浮动 的清除,ff下不清除浮动是不行的。
5.double-margin bug。ie6下给浮动容器定义margin-left 或者margin-right 实际效果是数值的2倍。 解决方案,给浮动容器定义display:inline。
7.吞吃 现象,还是ie6,上面div容器背景跑下边了。解决方案:使用zoom:1。这个zoom好象是专门为解决ie6 bug而生的。
8.注释也能产生bug~ 解决方案:用“<!–[if !IE]> picRotate start <![endif]–>”方法写注释。
9.img下的留白,解决方案:给img设定 display:block。
10.失去line-height。索性让img 和文字都 float
11.链接的hover状态。float起来,用margin 调整。
12.非链接的hover状态。div:hover{} 这样的样式ie6是不认的,在ie7、ff下才有效果。
14.无法彻底清除的float。解决方案:给ul 属性zoom:1 (给li 加zoom:1 没用)
div{background-color: red !important;background-color: blue;} IE6 即“blue”; FF 为“red”。
div{background-color: red;>background-color: blue;} ie能识别>值为blue
margin加倍的问题。解决方案是在这个div里面加上display:inline;
div靠顶端 初始化css代码 div,ul,li,dl,dd,dt{padding:0px;margin:0px}
常见问题集合
1.DOCTYPE 影响 CSS 处理
2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
参考自http://blog.sina.com.cn/s/blog_609b53430100ogkh.html
分享到:
相关推荐
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响...
通过数十个配套案例讲解基础知识,通过两个实战项目“寻游”和“艺龙”进行强化训练,并掌握实际工作中必备的技能,比如开发工具的使用和技巧,项目的创建和管理,调试方法与技巧,前端兼容性处理、前端项目工程化、...
14.2.3 浏览器的CSS兼容性 14.3 控制CSS改变页面风格 14.3.1 实现结构与表现的分离及其范例 14.3.2 使用JwaScript和CSS实现页面多种风格的实时替换 14.4 总结 第15章 数据存储的脚本化 15.1...
4、编写跨浏览器兼容性的JS代码时,常用到的判断代码 237 5、JS 计算网页内容的宽与高 (浏览器的标准模式与怪异模式) 237 6、JS设置与查看网页的解析模式(值) 249 7、JS判断对象是否已经存在 249 8、CSS设置网页在...
小试ASP.NET 2.0的兼容性 为 asp.net 2.0 的菜单控件增加 target 属性 ASP.NET 2.0 的内部变化 常见的 ASP.NET 2.0 转换问题和解决方案 Asp.Net2.0无刷新客户端回调 体验.net 2.0 的优雅(1) -- 异步WebService调用...
BootstrapCSS48 22构建系统48 构建系统准则49 自动化所有事情49 尽早报错,清晰报错49 不同的工作流,不同的命令50 构建脚本同样是代码50 工具50 Gruntjs51 测试库与工具51 Jasmine51 Karmarunner52 23...
但是,为了能够使用本书中提到的所有样例,你必须得有一个浏览器,一个兼容ASP的Web服务器(例如Microsoft的Personal Web Server)并(作为运行Java程序的最小环境)安装Sun Java运行时环境(JRE)。