0

我试图弄清楚水平菜单项的边框来自哪里（基于无序列表）：http: //developers.ttsistemi.com/clive/

我什么都试过了。我什至尝试将边框（以及以防万一背景、填充和边距）设置为无/透明/0、主元素及其子元素，但我仍然得到这个烦人的边框（你几乎看不到它，但是在所有菜单项之间）。

该站点使用 WordPress 并使用 Required+ 子主题（基于 Zurb's Foundation）。

我花了大约 4 个小时试图找到这个边框的来源（使用 Chrome 的开发人员工具检查 CSS），但我被卡住了。我只是没有看到任何剩余的边框设置：父主题可能设置的所有内容现在都应该被覆盖。

4

2 回答 2

1

1）.navbar > li删除当前设置的这些属性：

.navbar > li {
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; /* Delete */
border-width: 1px medium 1px 1px; /* Delete */
border-style: solid none solid solid; /* Delete */
border-color: #333333 -moz-use-text-color #333333 #333333; /* Delete */

2）因为您的最后一个<li>是使用:last-child伪选择器选择的，所以您必须单独更改它，否则您将在最后一个菜单项上有边框。所以删除：

.navbar > li:last-child {
border-right: 1px solid #333333; /* Delete */
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 
            1px 0 0 rgba(255, 255, 255, 0.2); /* Delete */

这是显示缺少边框/框阴影的屏幕截图

http://img38.imageshack.us/img38/5845/menu2b.jpg

于 2013-02-26T20:06:19.323 回答
0

我看了一下，只是不知道您要删除什么边框，也许是菜单中的边框，我在这里找到了：

.home #container #content-wrapper #access {
   font-family: 'Museo Slab';
   width: 100%;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   background-color: rgba(236, 236, 236, 0.5);
   margin: 0;
   padding: 0;
   text-align: center;
}

在 app.css 第 101 行，删除它不再显示的边框。

在 Dark 的回答中，我也检查了它：我认为宽度nav id="access"不正确，它应该像这样改变：

.eight, .row .eight {
width: 38.66667%;
}

我看到你background-image的页脚使文本难以看，我建议你应该删除它或为它们添加一个空格。

于 2013-02-27T04:54:15.007 回答