努力擺脫模板上的黑盒子

Question

我很新的網頁設計。我更瞭解服務器端。我正在製作一個攝像頭網站; www.camtheplanet.com。我正在使用Joomla中的模板，並且我無法弄清楚如何擺脫留下的黑盒子，一旦我刪除了標識。你可以在上面的URL中看到我在說什麼。任何建議將不勝感激。

Answer 1

如果你的意思是整個網站上的那個大的黑匣子就在你的導航欄下方。這是一個巨大的圖形。準確的說是被在此文件中設置http://camtheplanet.biz.tm/welcome/templates/themza_j15_11/css/blue.css

線13

ID #page_bg: background: white url(../images/blue/bg_page.png) top repeat-x;

如果您在使用Chrome開發者工具，你會看到這個圖像是相當大的刪除的圖像，並且還包括藍導航欄。

圖像是1x920px並重復。所以這是一個快速便宜，糟糕的設計，因爲刪除它意味着您必須重做一些CSS和模板中的HTML以保持導航欄背景（藍色）並再次執行主要的bg區域。

或更改page_bg到page_bg_1並且您將沒有黑色區域。我剛看到這個ID具有略低於您的藍色導航細黑線

Answer 2

CSS

你需要編輯的背景圖片

#page_bg { 
    background-attachment: scroll; 
    background-clip: border-box; 
    background-color: #FFFFFF; 
    background-image: url("../images/blue/bg_page.png"); 
    background-origin: padding-box; 
    background-position: center top; 
    background-repeat: repeat-x; 
    background-size: auto auto; 
} 

如果刪除background-image: url("../images/blue/bg_page.png");你會看到