li項目下沒有邊框的額外白線

我有一個額外的白線出現在我的列表項目下的問題。這不是邊框，因爲我沒有設置任何邊框，除了「我的帳戶」下的邊框，它只是表明白線不是邊框。它下面的是 - 與背景顏色相同的4像素邊框。li項目下沒有邊框的額外白線

我解決了我的Nivo Slider和我的WP網站上的Woocommerce插件之間的衝突後發生了此問題。我讓他們兩個一起工作，但是隨着列表出現了另一個問題。任何關於造成這種情況的原因以及如何解決這個問題？

enter image description here

這裏是我的CSS是否有幫助：

#header #navigation ul.nav > li.current_page_item > a 
{ color: #D4145A;} 
#header #navigation ul.nav > li:hover a { 
border-width: 0px 0px 4px; 
border-style: none none solid; 
border-color: -moz-use-text-color -moz-use-text-color rgb(212, 20, 90); 
-moz-border-top-colors: none; 
-moz-border-right-colors: none; 
-moz-border-bottom-colors: none; 
-moz-border-left-colors: none; 
border-image: none; 
background: none repeat scroll 0% 0% rgb(212, 20, 90);}

併爲它的HTML太：

<nav id="navigation" class="col-full parent" role="navigation"> 
<ul id="main-nav" class="nav fl parent"> 
<li class="page_item"></li> 
<li class="page_item page-item-11"></li> 
<li class="page_item page-item-12"></li> 
<li class="page_item page-item-13 parent"></li> 
<li class="page_item page-item-15 current_page_item parent"> 
<a href=""></a> 
<ul class="children"></ul></li> 
</ul> 
</nav>

請幫助！我在我的智慧'結束！謝謝！

我想補充：

這是怎麼看之前，我定我的NIVO滑塊和Woocommerce插件之間的衝突：

[URL = http://postimage.org/image/lx50u5qxx/] [IMG] http://s10.postimage.org/lx50u5qxx/noextraline.jpg[/img][/url]

http://postimage.org/image/lx50u5qxx/

如果我回去並刪除Nivo-Woocommerce js衝突的修復程序，我的導航可以返回到舊的漂亮自己，因爲上面沒有白線鏈接。

我定期到NIVO-Woocommerce衝突是這一個，我發現就在這裏：

jQuery conflict issues between jScrollPane and NivoSlider WP plugin

非常感謝迄今答案。希望有人能幫助我。

新增：

只注意到圖像「之前」上述情況，向下箭頭沒有顯示，它們應該的，只有當我做NIVO「修復」顯示出來。我想這也和它有關係？箭頭的css是這樣的：

#header #navigation ul.nav > li.parent a::after { 
font-family: 'WebSymbolsRegular'; 
display: inline-block; 
font-size: .857em; 
margin-left: .618em; 
content: ";"; 
color: #dedede; 
font-weight: normal; 
}

來源

2012-12-19 isabel018

使用開發工具（瀏覽器/ Safari瀏覽器），或者螢火蟲（火狐），高亮顯示的元素，人物從多餘的空間出來並修復它。這是幾乎*每個問題的答案*涉及追蹤引入一些CSS的位置。 – meagar

你能發佈你所有的代碼嗎？ – jackcogdill

我確實使用了它們（Chrome/Firefox），並按照您所說的突出顯示了元素，並嘗試了從邊距到邊界的各種修復組合，以填充所有內容並將其設置爲0。我一直在研究這個修補程序的組合一整天，仍然無濟於事！ – isabel018

如果它不是一個邊框，它可能是一個邊距。試着給<li>

margin:0;

來源

2012-12-19 17:02:10 Jeff

是的，這絕對是利潤率，我做了一次，我認爲這是自動的，除非你改變它 – jackcogdill

它不是。我試過邊距：0;修復，它不起作用。正如你從圖片中看到的那樣，白線是在我放置的4px紅色邊框的內部，用於突出顯示盒子中的白線，邊緣位於邊界外部，對吧？所以添加邊距只是在紅色邊框之後增加了另一層白色空間。 – isabel018

我正在談論的紅色邊框是我添加到「我的帳戶」框中的底部紅色邊框。 – isabel018

嘗試設置

border : 0; 
outline : 0; 
padding : 0; 
margin : 0;

應該這樣做......

來源

2012-12-19 17:05:19 ATOzTOA

但是如果她還想填充呢？ – jackcogdill

從查看代碼看來，沒有顯式的填充。 – ATOzTOA

那麼，whatevs，這應該工作 – jackcogdill

li項目下沒有邊框的額外白線

回答

相關問題