WordPress的頁腳有重疊的身體背景圖像

在http://www.teampaulmitchellkarate.com/「本網站由...創建」的頁腳應該一直繼續下去，而不是切斷半灰色（其顯示我的背景圖像的一部分）。WordPress的頁腳有重疊的身體背景圖像

我已經使BG圖像變小了，但是它在主頁的頁面中間切斷了。

CSS的頁腳：

#footer { 
    background: url("images/footer.gif") repeat-x scroll 50% 0 transparent; 
    height: auto !important; 
    min-height: 171px; 
    overflow: hidden; 
}

來源

2011-09-26 3Cdesign

如果你想在頁腳的白色BG繼續到頁面底部，將背景圖像設置爲沿x和y軸重複：

#footer { 
background: url(images/footer.gif) repeat-x 50% 0%; 
min-height: 171px; 
height: auto !important; 
height: 171px; 
overflow: hidden;

}

#footer .indent { 
    padding: 23px 0 20px 13px; 
} 

#footer p { 
    line-height: 22px; 
    font-size: 14px; 
    color: #3f3f3f; 
} 

    #footer p a { 
     text-decoration: none; 
     color: #333333; 
    } 

     #footer p a:hover { 
      text-decoration: underline; 
     } 

    #footer p span a { 
     color: #000000; 
    } 

/* Footer navigation */ 

nav.footer { 
    float:right; 
} 

    nav.footer ul { 
     margin: 0; 
     list-style: none; 
     overflow: hidden; 
    } 

     nav.footer ul li { 
      float: left; 
      padding: 0 0 0 15px; 
      line-height: 22px; 
      font-size: 14px; 
      color: #3f3f3f; 
     } 

      nav.footer ul li a { 
       text-decoration: none; 
       color: #3f3f3f; 
      } 

       nav.footer ul li a:hover { 
        text-decoration: underline; 
       }

這將讓頁腳的白色BG片，填補了整個區域。

無關，你可以將你的images/bg.png減小到約10px的寬度，節省一些服務器帶寬而不會損失任何質量。

來源

2011-09-26 14:47:58 Pat

感謝您的提示！它的工作，不能相信我錯過了！ – 3Cdesign

您有以下選擇：

#footer .indent {padding:73px 0 20px 13px;}

應該是：

#footer .indent {padding:23px 0 20px 13px;}

來源

2011-09-26 14:38:57 inigomedina

將文字向上移動，仍留下頁腳底部的灰色框。 – 3Cdesign

雖然這也有幫助，謝謝！ – 3Cdesign

有意設置在頁腳上的高度是？您可以減少頁腳的高度，只是很容易地隱藏所有空白區域，只需將頁腳的高度設置爲84px而不是auto，並且所有空白區域都將消失。

來源

2011-09-26 14:57:45

WordPress的頁腳有重疊的身體背景圖像

回答

相關問題