1.不同浏览器的标签默认的外补丁和内补丁不同
问题描述:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。
解决方案:在CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。
2.标签最低高度设置min-height不兼容
问题描述:ie6出现层下掉现象。
解决方案:如果我们要设置一个标签的最小高度200px,需要进行的设置为:{min-height:200px; height:auto !ImportAnt; height:200px; overflow:visible;}
3.块属性标签float后,又有横行的margin情况下,在IE6显示margin比设置的大
问题描述:IE6中后面的一块被顶到下一行
解决方案:在float的标签样式控制中加入 display:inline;将其转化为行内属性
4.<li>…</li>内容右浮动——常见于新闻列表添加时间
问题描述:在新闻列表中添加时间,时间下掉。
解决方案:利用<span style="float:right;">2010-9-21</span>放置在新闻文字前面。
5.ie6中出现文字重复现象
问题描述:文字重复出现。
解决方案:一、去掉层中多余的浮动语句(与区块的浮动有关)。
二、改变宽度大小(与文字区块的固定宽度有关)。
三、改变注释格式(将 <!-- 这里是注释内容 -->写成<!--[if !IE]>这里是注释内容<![endif]-->)。
四、添加空层(在标签后面加一个<div style="clear:both;height:0;"></div>来解决。)。
6.ie6中内容显示不完整
问题描述:内容无法完整显示
解决方案:增大长、宽的大小设置。
7.层下掉
问题描述:ie6出现层下掉现象。
解决方案:从外层到内层,一一检验,可以通过背景或者边框设置来快速定位问题所在。一般有可能是内外长宽冲突。
8.注释问题
问题描述:层布局混乱,多次调节各个属性,没有变化。
解决方案:删掉中文注释。
备注:没有注释的程序不方便之后维护修改,所以注释尽量采用英文注释。
9.省略现象
问题描述:文本内容过多时,不需要全部显示,多出现在文章列表或者文章主题链接等处。
解决方案:添加属性(text-overflow : clip | ellipsis ;)。[ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;]
备注:clip : 不显示省略标记(...),而是简单的裁切;ellipsis : 当对象内文本溢出时显示省略标记(...)。text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。还必须定义:强制文本在一行内显(white-space:nowrap)及溢出内容为隐藏(overflow:hidden)。只有这样才能实现溢出文本显示省略号的效果。
-o-text-overflow: ellipsis; /* 支持 Opera */
div:after{content:"...";}/* 支持 Firefox */
10.文本换行
问题描述:<li></li>标签中文本内容出现转行现象。
解决方案:添加不换行属性(white-space: nowrap;)。
11.ie6中图片有空隙,无法显示
问题描述:<img>标签中设置图片相等的宽高时,ie6中图片无法显示。
解决方案:设置img 为display:block; 或者设置vertical-align 属性为vertical-align:top bottom middle text-bottom 都可以解决.。
分享到:
相关推荐
css样式调整方案 前台构架师必读 css兼容各种浏览器
css兼容性整理文档
自己遇见的一些常见的css兼容性问题。和css hack 自己总结出来后生产pdf文档带书签的。 CSS兼容性笔记 1 一 css hack 1 1.直接案例 1 2. hack写法列表 1 3.在IE7+浏览器中按照IE7文档模式 1 4. 注意 Html头部的声明...
css兼容性详解
css兼容性测试事例 包含IE6,7,8,9 Firefox Safri 360 Opera 等多款浏览器下显示效果
div+css 兼容性总结 关于页面的一些问题。
解决div+css常见兼容性问题,是你做网页的必备。
DIV+CSS 兼容性 IE FF 了解个浏览器之间的差异与共同点
十大web编程技巧 css兼容性总结,史上最牛总结
本文收集整理了IE7,6与Fireofx的CSS兼容性处理技巧,供大家参考。
IE5,IE6,IE7,IE8的css兼容性列表,不压缩不让上传,是doc文档,欢迎大家补充 IE5,IE6,IE7,IE8的css兼容性列表,不压缩不让上传,是doc文档,欢迎大家补充
css入门教程IE和Firefox浏览器CSS兼容性技巧整理.docx
CSS兼容性问题解决方案[归类].pdf
用一行代码来解决CSS在,IE6,IE7,IE8,IE9,IE10 中的各种兼容性问题。在网站前端写代码的过程中,很多时间IE各个版本的兼容问题很难整。
E5,IE6,IE7,IE8的css兼容性列表,word格式
关于讲css的各个浏览器的兼容性的归纳文档 归纳得很全面...感兴趣的同志可以下载...
IE 浏览器CSS兼容性查询手册gif格式,这个东西很有用喔··· IE6 -- IE8