拍拍尘土

CSS 对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7，6与Fireofx的兼容性处理方法并整理了 一下对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加DOCTYPE声明。

CSS技巧

1. div的垂直居中问题

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

2. margin加倍的问题
       
        设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline；
        例如：
        <#div id=”imfloat”>
...

阅读全文…

大家可以看到，js代码还是存在效率问题的。

先贴出原js代码吧：

function menuFix() {
        var sfEls = document.getElementById("nav").getElementsByTagName("li");
        for (var i=0; i<sfEls.length; i++) {
               sfEls[i].onmouseover=function() {
               this.className+=(this.className.length>0? " ": "") + "sfhover";
               }
               sfEls[i].onMouseDown=function() {
               this.className+=(this.className.length>0? " ": "") + "sfhover";
...

阅读全文…