主流浏览器CSS兼容性解决方案汇总

        首先介绍一个通用且方便的解决的方案，由于目前IE6.0还是最主流的浏览器，我们可以用一段JS调用解决IE6-IE8的兼容性问题，这是调用的一个在GoogleCode上的项目，，速度快又不占用您的带宽。

如果是IE7

以下是代码片段：
<!–[ifltIE7]>
<scriptsrcscriptsrc=”http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js”type=”text/javascript”></script>
<![endif]–>

如果是IE8

以下是代码片段：
<!–[ifltIE8]>
<scriptsrcscriptsrc=”http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js”type=”text/javascript”></script>
<![endif]–>

        注意：如果您想支持IE全系列的话，用IE8的那个就可以了，不用重复的加上IE7的那段代码了。CSS样式表对浏览器的兼容性问题有时让人很头疼，不过当我们了解了其中的原理与技巧，就会觉得轻松一些。本文收集整理了IE7,6与Fireofx的兼CSS容性处理技巧，供大家参考。

CSS兼容常用技巧：

　　请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。

　　1.div的垂直居中问题

　　vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行

　　2. margin加倍的问题

　　设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;

　　例如：

　　<#div id=”imfloat”>
　　相应的css为
　　#imfloat{
　　float:left;
　　margin:5px;/*IE下理解为10px*/
　　display:inline;/*IE下再理解为5px*

（编辑：源码网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!