Magento：在顶部导航中添加活动链接的背景图像

I want to add a background image for the link from top navigation which is associated with the current page that the visitor is viewing right now.

Basically the idea is to have different background image for the navigation menu link for active page.

How can I do this?

I found a great tutorial on this which is very useful and that did the things what I wanted.

Here it is.

Magento adds specific class names to the body class based on what page you are currently viewing. The login page, for example, will have a body tag with class 'customer-account-login'. You can simply target that class to do your styling in the usual way:

.customer-account-login .header .links li {
    background-image: url('../images/some_background.png');
    background-repeat: no-repeat;
}