常見的兼容性問題

/*

1 ie6.0橫向margin加倍

產生因素：塊屬性、float、有橫向margin。

解決方法：display：inline；

2 ie6.0下默認有行高

解決方法：overflow:hidden;或font-size:0;或line-height：xx px；

3 在各個瀏覽器下img有空隙(原因是：回車。)

解決方法:讓圖片浮動。

4 一個父標簽與幾個子標簽嵌套，父標簽不浮動，子標簽float，子標簽不撐開父的高度。

解決方法：a在子標簽最后清浮動{<divstyle="height:0;clear:both;">&nbsp;</div>}

                  b 父標簽添加{overflow：hidden；}

                  c 給父標簽設置高度

5 Ie6下，不識別最大寬、高度和最小寬高度，意即min-width/height和 Max-width/height在ie6中沒效果，

解決方法：(1)：.abc{border:1px bluesolid;width:200px;height:200px;}

                          html>body.abc{width:auto;height:auto;min-width:200px;min-height:200px;}

       (2)：.abc{width:200px;height:200px;_width:200px;_height:200px;}（因為ie6有一個特征，當定義一個高度時，如果內容超過高度，元素會自動調整高度。）

6 Ie6里面：如li設寬、高，并且li里面的標簽浮動，那么li之間會有間距

解決方法：li不設寬、高或者li內的標簽不浮動

7 li之間有間距

解決方法：li設置vertical-align:middle;

8 3像素問題：ie6下，當浮動元素與流動元素并列顯示時，他們之間會存在三像素問題。

  解決方法：用hack技術，例如：所有瀏覽器通用 height:100px;

                                                 ie6專用_height:100px;

                                                 ie7專用*+height:100px;

                                                 ie6/ie7共用*height:100px;

9 當定義行內元素為包含框時，且包含框包含的絕對定位元素以百分比為單位進行定位時，會出現混亂。

   解決方法：在行內元素里加入{zoom：1；}

10 當多個浮動元素中間夾雜著HTML注釋語句時，如果浮動元素寬度為100%，則在下一行多顯示一個上一行最后一個字符。

       解決辦法：給浮動元素添加display:inline;。

11 opacity 定義元素的不透明度

 filter：alpha（opacity=80）；ie支持該屬性

 opacity：0.8；支持CSS3的瀏覽器

12 兩個塊元素，豎向的margin值不增加，會重疊，其間距為最大margin值。

13 優先級：被!important注明的css屬性具有最高優先級(.abc{color:red !important;})。但在ie6中!important具有一個bug:在同一組css屬性中，!important不起作用。

14 火狐不識別background-position-y或background-position-x;

15 ie6 不支持 fixed

*/

輸出明天日期

function GetDateStr(AddDayCount) {

                  var dd = new Date();

                  dd.setDate(dd.getDate()+AddDayCount);//獲取                                                           AddDayCount天后的日期

                  var y = dd.getFullYear();

                  var m = dd.getMonth()+1;//獲取當前月份的日期

                  var d = dd.getDate();

                  return y+"-"+m+"-"+d;

              }

              document.write("前天："+GetDateStr(-2));

              document.write("<br/>昨天："+GetDateStr(-1));

              document.write("<br/>今天："+GetDateStr(0));

              document.write("<br/>明天："+GetDateStr(1));

              document.write("<br/>后天："+GetDateStr(2));

              document.write("<br/>大后天："+GetDateStr(13));

需要web前端課程工具和電子書，可以加群120342833