日期:2014-03-19  浏览次数:21085 次

1. 超链接访问过后hover款式就不出现的问题
    被点击访问过的超链接款式不在具有hover和active了,很多人应该都遇到过这个问题,处理方法是改变CSS属性的陈列顺序: L-V-H-A
    Code:
    <style type="text/css">
        <!--
            a:link {}
            a:visited {}
            a:hover {}
            a:active {}
        -->    
    </style>

2. FireFox下如何使连续长字段自动换行
   众所周知IE中直接使用 word-wrap:break-word 就可以了, FF中我们使用JS插入的方法来处理
   Code:
    <style type="text/css">
    <!--
        div {
            width:300px;
            word-wrap:break-word;
            border:1px solid red;
        }
    -->
    </style>
    <div id="ff">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    aaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
    Js代码
    <scrīpt type="text/javascrīpt">    
    /* <![CDATA[ */   
        function toBreakWord(el, intLen){    
            var ōbj=document.getElementById(el);    
            var strContent=obj.innerHTML;      
            var strTemp="";    
            while(strContent.length>intLen){    
                strTemp+=strContent.substr(0,intLen)+"    
";
                strContent=strContent.substr(intLen,strContent.length);      
            }
            strTemp+="
"+strContent;
            obj.innerHTML=strTemp;    
        }    
        if(document.getElementById  &&  !document.all)  toBreakWord("ff", 37);    
    /* ]]> */   
    </script>


3.ff下为什么父容器的高度不能自顺应
  在子容器加了浮动属性后,该容器将不能自动撑开,处理方法是在标签结束后加上一个清除浮动的元素。
  Code:
  clear:both;
4.IE6的双倍边距BUG
  浮动后本来外边距10px,但IE解释为20px,处理办法是加上
  Code:
  display: inline

5. IE6下绝对定位的容器内文本无法正常选择
   此问题在IE6、7中存在,处理问题的办法是让IE进入到qurks mode。关于qurks mode的相关知识,请参考:
   http://www.microsoft.com/china/msdn/library/webservices/asp.net/ASPNETusStan.mspx?mfr=true

6. IE6下图片下方有空隙产生
   处理这个BUG的方法也有很多,可以