jquery - 带有子菜单对象的菜单框中的图像

Question

我正在处理一个 css 菜单，并希望所有具有子菜单的菜单在框的侧面都有一个 > 图像。

这是代码:http://jsfiddle.net/u9KrH/4/还有两个 JS 文件，但我无法将它们附加到该编辑器，但您可以在此处查看它的运行情况:http://trulyscience.com/test/index.php

我希望更改 ul.dropdown li:last-child a 可以完成这项工作，但这根本没有解决问题。所以现在我一无所知，有人有什么建议吗？

Answer 1

在 trulescience.com 页面上，您只需调整 ul.dropdown li:last-child a 的背景属性。

CSS默认平铺背景，所以需要替换

background-image: url('images/redarrow.jpg');

与

background: url('images/redarrow.jpg') no-repeat right center;

它定位背景并停止重复。您还可以使用 px 或 % 值代替“右”和“中心”。

相同代码的更详细版本是:

background-image: url('images/redarrow.jpg');
background-position: right center;
background-repeat: no-repeat;

结果是:

变成: