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");，您会看到

苦苦挣扎摆脱模板上的黑匣子

2 个答案: