如何讓菜單左李背景消失？

我在網站上有一個菜單。它在李的右側有一個分隔符，這被設置爲背景。當您將鼠標懸停在此上時，它會消失，並且鏈接將突出顯示。如何讓菜單左李背景消失？

我還想要的是左邊李的背景也消失了，我該怎麼做？

.menu-link ul li  
{ 
    text-decoration:none; 
    float:left; 
    background: url(/Content/img/border-line-inside.png) no-repeat right; 
} 

.menu-link ul li a { 
    color:#fff; 
    padding: 0px 15px 0px 15px; 
    line-height:40px; 
    display: block; 
    width:128px; 
    text-align:center; 
} 

.menu-link a:hover{ 
    background:url(../img/menu-nav-hov.png) repeat-x; 
    cursor:pointer; 
}

即時猜測我可能需要使用jQuery？

來源

2012-01-13 Beginner

如果你做了一個jsfiddle的例子，對我們來說會更容易。 – dg90 2012-01-13 12:02:50

由於無法選擇父元素，也無法在CSS中使用以前的兄弟，所以您確實需要jQuery。

類似this可能會讓你朝正確的方向。（jQuery代碼可能會改進，我不是專家）。

$(document).ready(function() { 
    $('a').hover(function() { 
     $(this).parent().prev().css('background','none'); 
    }, 
    function() { 
     $(this).parent().prev().css('background','url(http://placekitten.com/10/20) no-repeat right'); 
    }) 
})

來源

2012-01-13 12:33:19 ptriek

如何讓菜單左李背景消失？

回答

相關問題