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容器的透明度和主体的背景图像。我将它们都固定在样式表中。