FF与IE兼容性总结

 

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 >    
    <!--     
    div {    
            float:left;
            width:200px;
            height:200px;
            border:1px solid red
        }
    -->
    </style>
    <div>web标准常见问题大全</div>
    <div>web标准常见问题大全</div>

    <div>web标准常见问题大全</div>

24  Firefox 关于DIV高度无法自适应的两种解决
    如果设置了一个DIV的高度，当DIV里实际内容大于所设高度，ie会自动拉伸以适应DIV容器大小，ff会固定DIV的高度，超过部分超出DIV底线以外，
    出现和下面的内容重叠的现象。如果不给DIV设置高度，在Firefox中将不回因为里面的内容而撑开，而IE中就会自动根据内容撑开
    解决方案：
    1、在DIV内部的最后追加clear:both样式

    <div style="background-color:#FF0000;">
        <div style="float:left; height:200px">Jmedia Design</div>
        <div style="float:right; height:800px">www.jmedia.cn</div>
        <div style="clear:both"></div>
    </div>


    2、对DIV使用overflow:auto；

    <div style="overflow:auto;">
        <div style="float:left; background-color:#000000;height:200px">1111111111</div>
        <div style="float:right;background-color:#000000; height:300px"">2222222222</div>
    </div>