1. 關於width:100%縮小窗口時背景圖片出現空白bug ，剛開始找了半天方法都沒解決，最後在裡面加了最小寬度給解決了，
例如： <div class="top">
<div class="tpInner"></div>
</div>
.top{ width:100%;
height:30px;
backgroud:#ccc;
min-width:980px; //解決背景出現空白問題
}
.tpInner{width:980px; margin:0 auto;}
2. 關於專題中的banner大背景圖片垂直居中隨著浏覽器縮小出現空白問題，
<div class="banner"></div>
.banner{ backgroud:url(banner.jpg) no-repeat center top; width：100%；height:450px;}
解決的方法：
.banner 中加個div，.banner設置最小寬度，.banner中div加寬度，居中。
.banner{ backgroud:url(banner.jpg) no-repeat center top; width：100%； min-width:1200px;}
.bannder div{ width:1200px; margin: 0 atuo; }
3. 關於IE6下button的內邊距問題，
給button加背景圖，在ie6和ie7中，內邊距會增加，使按鈕比預想到效果要長，
最後查了一下資料解決的辦法是給button樣式中加上overflow：visible;
4. 關於給input[type=submit]加背景圖片，在ie6和ie7中出現黑色的邊框問題
解決辦法就是在input標簽外面再加一個標簽，把input默認的樣式都重置，然後在input外面的標簽加樣式和背景圖片，
另外一種方法就是用濾鏡的方法
input[type=submit],
input[type=reset],
input[type=button]{
filter:chroma(color=#000000);
}
5.關於層不能覆蓋textarea和select的解決方法
用iframe框架模擬跟顯示的div寬度和高度一樣
