如何让菜单左李背景消失？

我在网站上有一个菜单。它在李的右侧有一个分隔符，这被设置为背景。当您将鼠标悬停在此上时，它会消失，并且链接将突出显示。如何让菜单左李背景消失？

我还想要的是左边李的背景也消失了，我该怎么做？

.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

如何让菜单左李背景消失？

回答

相关问题