不需要的边框

我试图找出其中的水平菜单项的边框来（基于无序列表）：http://developers.ttsistemi.com/clive/不需要的边框

我用尽了一切。我甚至试图设置边界（以防万一背景，填充和边距）none/transparent/0，主元素和它的孩子，但我仍然得到这个恼人的边界（你几乎看不到它，但在所有菜单项之间）。

该网站是WordPress的，并使用Required +儿童主题（基于Zurb的基金会）。

我花了4小时试图找到这个边框来自哪里（用Chrome的开发工具检查CSS），但我被卡住了。我只是没有看到任何边框设置剩下的东西：所有可能由父主题设置的东西都应该是现在被覆盖的所有东西。

2013-02-26 Andrea Sciamanna

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-26 20:06:19 Adrift

框阴影是实际问题：边框已被我自己的CSS禁用。我专注于边界，却没有意识到我所看到的只是一个影子。顺便说一句，从屏幕显示，我认为你看着错误的页面：目前只有主页已被设置样式。所有其他页面仍然需要主题。无论如何你已经有了解决方案：谢谢！ – 2013-02-27 07:53:52

我看看，只是不知道你怎么想的边界删除，也许菜单中的边框，我在这里找到它：

.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; 
}

in app.css line 101 ，删除此边框将不会再显示。

在黑暗的回答，我检查过：我认为nav id="access"宽度不正确，应该改变这样的：

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

我看到页脚您background-image使文本很难看，我建议你应该删除它或为它们增加一个空间。

来源

2013-02-27 04:54:15

不确定你在看哪个页面。您应该看到的唯一页面是主页：所有其他页面都不能被看到，因为目前我只在主页上工作。主页在页脚中没有文字：没有任何“难以察觉”的文字:) – 2013-02-27 07:51:35

但是，完美黑暗的答案是我期待的。谢谢。 – 2013-02-27 07:52:00

不需要的边框

回答

相关问题