這半年做專題和項目的過程中，遇到一些有時很難想到問題，今天在這總結以下：

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寬度和高度一樣

?

轉載于:https://www.cnblogs.com/snake-hand/p/3172356.html

總結

以上是生活随笔為你收集整理的最近做项目的一些关于重构方面的总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。