CSS:http://perl-begin.org/上导航栏侧面的灰线

时间:2020-03-05 18:56:33  来源:igfitidea点击:

我正在维护Perl初学者网站,并使用了来自Open Source Web Designs的修改后的模板。现在,问题在于我仍然有不想要的伪像:主框架左侧的灰线,导航菜单的左侧。这是突出显示不良效果的图像。

如何修复CSS来解决此问题?

解决方案

回答

这是通过身体露出的"背景图像"。快速修复(编辑style.css或者在其他位置添加):

#page-container
{
   background-color: white;
}

回答

那是一张图片。 (在此处查看:http://perl-begin.org/images/background.gif)它在样式表的BODY类中设置。

回答

我认为是这样的:

#page-container {
    border-left: solid 1px rgb(150,150,150); border-right: solid 1px rgb(150,150,150); 
}

但是,我不明白为什么右边框没有显示出来。

回答

灰线应该在那里。之所以看起来很奇怪,是因为缓冲区的顶部隐藏了它的顶部。从此规则集中删除" background-color"规则:

.buffer {
    float: left; width: 160px; height: 20px; margin: 0px; padding: 0px; background-color: rgb(255,255,255); 
}

回答

我将对此进行快速修复以添加样式:

border-left:2px solid #BDBDBD;

到.buffer类

.buffer {style.css (line 328)
   background-color:#FFFFFF;
   border-left:2px solid #BDBDBD; /* Grey border */
   float:left;
   height:20px;
   margin:0px;
   padding:0px;
   width:160px;
}

回答

我发现了问题。

问题是我们需要在#page-container上设置白色背景。就目前情况而言,它具有透明的背景,因此navbar-sidebanner上的5pt左边距正在显示page_container的bg ...因此更改该bg,我们就很酷。

回答

感谢所有回答的人。问题确实是#page容器的透明度和主体的背景图像。我将它们都固定在样式表中。