浏览器兼容性问题
总结
初级经济法重点总结下载党员个人总结TXt高中句型全总结.doc高中句型全总结.doc理论力学知识点总结pdf
浏览器兼容性问题总结2011-01-20 14:53我们平时做页面时会碰到很多不兼容的问题，通常是能解决的当时就解决了，费好大劲解决的才想要记下，因此遇上总结不兼容问题的题目时仍会有很多记不起来的。但是，将能遇到不兼容问题的情况分成标签、css、布局这几大类，然后再细化到每个标签每条命令，逐一
分析
定性数据统计分析pdf销售业绩分析模板建筑结构震害分析销售进度分析表京东商城竞争战略分析
总结，这样一遍下来总结出的不兼容问题就全面多了。在这里我将总结给大家。
CSS属性:
1、width:?、在HTML文档没有DTD声明时，IE6会按照怪异解析的模式去解析我们设置标签的宽，高则不变。例如正常声明下的盒模型解析是width+margin+padding+border的值，但是怪异解析下就是将这些所有的设置全计算到我们设置的宽内。举个例子，一个div,width:400px;border:100px;padding:0 50px;在加了DTD声明或未加声明正常浏览器下的解析的宽是600px,但是在没有DTD声明的ie6下却还是400px,因为这些除了宽之外的设置都算在了我们设置的宽之内。这就是IE6未加DTD声明的怪异解析。
2、height:?、最小高度问题，设置较小高度标签(一般小于10px)，在ie6，ie7，遨游中高度超出自己设置高度解决
方案
气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载
:给超出高度的标签设置overflow:hidden;或者设置行高line-height小于你设置的高度。备注:这种情况一般出现在我们设置小圆角背景的标签里。出现这个问题的原因是ie8之前的浏览器都会给标签一个最小默认的行高的高度。即使你的标签是空的，这个标签的高度还是会达到默认的行高。
?、ie6内容撑开高度。
3、border:?、a标签嵌套下的img标签,ie和ff会带有边框。解决办法:a img{border:none;}这条命令我们一般都写在初始化里，一是因为样式上一般不需要这样的效果，再者a标签中的字体颜色尚且解析不同，边框的颜色也一样不同。
?、去掉input边框问题，正常浏览器border:none;便可解决，但是ie6的默认CSS样式，涉及到border的有border-style:inset;border-width:2px;必须对border的width和style进行全部设置方可消除IE6下的border。因为浏览器是先解析自身的默认CSS，再解析开发者
书
关于书的成语关于读书的排比句社区图书漂流公约怎么写关于读书的小报汉书pdf
写的CSS，所以当有border-width或border-color设置的时候才会令IE6去解析border-style:none;目前所遇情况都能解释。因此想要去除input的border就只有使用border:0 none;虽然但看命令有些说不过去，但是这也是浏览器解析存在问题时较好的解决办法。
4、margin:?、默认内外补丁，各各浏览器对标签默认的内外补丁都是不同的，若想在正常情况下设置我们想要的样式，就必须把那些存在内外补丁差异的标签初始化，对于那些标签需要初始化那些不用，在我那篇"CSS初始化"文章中有说明。
?、横向双倍margin:块属性标签float后，又对其设置横行margin情况下，在ie6显示margin比设置的大，通常是
标准
excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载
浏览器的二倍，常见症状是
:inline。那么行内ie6中后面的一块被顶到下一行，解决办法是将其display属性标签设置display:block后采用float布局，也有横行的margin的情况，
，解决办法是在display:block;后面加入display:inline;ie6间距bug
display:table;因为:行内属性标签，为了设置宽高，我们需要设置display:block;(除input、img、textarea标签比较特殊)。在用float布局并有横向的margin后，在ie6下，它就具备了块属性float后的横向margin的bug。但因为它本身就是行内属性标签，所以我们再加上display:inline的话，它的高宽就不可设了。这时候我们还需要在display:inline后面加入display:talbe。方可解决。
?、父子标签之间控制间距最好用padding，因为我们经常会与上这样的情况，子标签margin时父标签也跟着margin了，因此父子关系最好用padding，兼容性好，兄弟之间用margin。
5、background:?、在我们用a标签的伪类做tab切换效果时，发现凡是对有背景(或颜色或背景图)的标签使用了position定位控制其位置后，切换时在IE6和遨游下就会遗留背景。其他浏览器正常。
?、在background-position的x或y轴上使用百分比控制时，IE6的计算方式也不同。例如banner部分每小格的下方都有一个小箭头，为了拓展性效果好，我们尝试过使用背景图的百分比控制它在无论多宽的小格子下方都能居中，但是标准浏览器都是以当前格子的为基准的，IE6却是以当前至最后一个这一长短距离为基准的。
6、font-size:?、IE内核不支持单数。
7、line-height:?、IE6中行高也能撑开高度，例如当前标签height:
;标准浏览器中缩显示的是我们所设的样式，但IE中此20px;设置行高30px
标签的高就会是30px，解决办法是设置overflow:hidden;并且IE6中标签的默认行高也能通过此方法解决。
8、float:?、IE6浮动后横向margin换行的问题已在上述中说过。
?、假设两块div，第一块浮动而第二块没有浮动，IE6下第二块就会跑到第一块边上，并且二者之间还留有间距，但标准浏览器中是第二块重合于第一块。解决办法，将第二块设置为清除浮动。
?、父子关系的标签，子标签浮动导致父标签不再包裹子标签，对父标签设置clear或overflow:hidden;
9、position:?、使用position定位做重叠但超出其父标签范围的效果时，做完后一定要清除浮动，否则要么不显示，要么下面内容会乱，总之清除浮动很重要。
?、absolute，父子关系的标签，父标签使用overflow:hidden;后正常浏览器子标签都不显示了，IE6下还是显示的状态。
10、overflow:?、父子关系的标签，子标签浮动导致父标签不再包裹子标签，标准浏览器中使用overflow:hidden;便可解决，但IE6下却必须要父标签也浮动方可解决。
1、input:?、boder方面在上述中已经说到。
?、line-height的问题也就是行高撑开高度。
?、随便写几个input标签看，其宽高、行高及间距在不同浏览器下都是不同的。css对其进行样式控制。
2、li:?、li标签中包裹的内容如有浮动现象那么li标签的行与行之间就会产生上下间距，解决办法，将其浮动,但在没有固定宽限制的情况就不免还会存在下一行挤到上一行句尾的问题，这时可以将其宽设为100%,并overflow:hidden;便可解决。
3、select:?、在标准浏览器中可以设置背景色，IE6下不可以。
?、由于HTML排版中将多个img标签换行书写,导致其产生间距。解决办法:float。
浙公网安备 33021202002483