导航菜单、CSS、背景图像和访问的链接

我有一个用Wordpress主题创建的网站（PortfolioPress）——

它有一个默认的侧边栏菜单，可以正常工作。我一直在尝试添加第二个“自定义”菜单，作为一个小部件添加到下面，使其看起来与上面的相同，但用于访问不同的网页，但在菜单中的按钮的访问链接和背景图像方面出现了一些问题。不幸的是，我是个新手

如果我使用下面的代码； 对于我访问过的链接，菜单按钮会根据需要更改属性，例如背景颜色，但当我随后单击其他菜单项按钮时（清除浏览器历史记录除外），它们不会恢复或清除并刷新到其原始“未访问”状态：

一位同事建议删除发现触发问题的“A:visited”行（#侧边栏.widget_nav_菜单A:visited…等）。我这样做了，所有的东西都在新的浏览器版本中工作，比如IE9，但是在早期的版本中，比如IE8，整个带有按钮高度的菜单在导航时会折叠并挤压

此后，我进行了实验并发现，通过包含这一行（完整代码在本文末尾）：-

除了菜单按钮的背景图像在我测试过的至少两种最新浏览器IE和Firefox上无法正常显示外，所有这些都可以正常工作。它们似乎没有填满按钮的宽度。我可以删除对背景图像的引用，导航菜单似乎都工作得很好，我只是没有为按钮提供圆角的图像

因此，我现在陷入困境，欢迎任何帮助。如何获得带有按钮的导航菜单，以在单击之间更改和还原属性，并正确显示背景图像

我目前使用的代码如下：-

#sidebar li{list-style:none;}
#sidebar .widget_nav_menu a:link {color: ;  background:#262626 url(images/menu_left.gif) no-repeat top left; font-size:13px; text-transform:none; font-style: italic; margin-bottom:10px; padding:8px 5px 5px 10px; height:17px; width:250px; display:block; }
#sidebar .widget_nav_menu a:visited {color: ;  background:#161616 url(images/menu_left_hover.jpg) no-repeat top left; font-size:13px; text-transform:none; font-style: italic; margin-bottom:10px; padding:8px 5px 5px 10px; height:19px; width:250px;display:block;}
#sidebar .current_page_item a:visited {background:#161616 url(images/menu_left_hover.jpg) no-repeat top left; color: ; font-size:13px; text-transform:none; font-style: italic; margin-bottom:10px; padding:8px 5px 5px 10px; height:17px; width:250px; display:block}
#sidebar .widget_nav_menu a:hover {color:#cccccc; background:#161616 url(images/menu_left_hover.jpg) no-repeat top left;}
#sidebar .widget_nav_menu a:active {color:#ccc; background:#262626 url(images/menu_left.gif) no-repeat top left;}

多谢各位

问候,

---

Robin。

在最新的浏览器上，已访问链接上的背景图像实际上不再可用，因为它会带来隐私风险。使用单独的背景图像，您可以记录客户的历史信息。

非常感谢您的回答。非常感谢。非常有趣。我要试试别的。你好，罗宾。

#sidebar .current_page_item a:visited {background:#161616 url(images/menu_left_hover.jpg) no-repeat top left; color: ; font-size:13px; text-transform:none; font-style: italic; margin-bottom:10px; padding:8px 5px 5px 10px; height:17px; width:250px; display:block}

#sidebar li{list-style:none;}
#sidebar .widget_nav_menu a:link {color: ;  background:#262626 url(images/menu_left.gif) no-repeat top left; font-size:13px; text-transform:none; font-style: italic; margin-bottom:10px; padding:8px 5px 5px 10px; height:17px; width:250px; display:block; }
#sidebar .widget_nav_menu a:visited {color: ;  background:#161616 url(images/menu_left_hover.jpg) no-repeat top left; font-size:13px; text-transform:none; font-style: italic; margin-bottom:10px; padding:8px 5px 5px 10px; height:19px; width:250px;display:block;}
#sidebar .current_page_item a:visited {background:#161616 url(images/menu_left_hover.jpg) no-repeat top left; color: ; font-size:13px; text-transform:none; font-style: italic; margin-bottom:10px; padding:8px 5px 5px 10px; height:17px; width:250px; display:block}
#sidebar .widget_nav_menu a:hover {color:#cccccc; background:#161616 url(images/menu_left_hover.jpg) no-repeat top left;}
#sidebar .widget_nav_menu a:active {color:#ccc; background:#262626 url(images/menu_left.gif) no-repeat top left;}