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

Question

我正在开发一个 CSS 菜单，并希望所有具有子菜单的菜单在框的侧面都有一个小 > 图像。

这是代码： http: //jsfiddle.net/u9KrH/4/ 还有两个 JS 文件，但我不能将它们附加到那个编辑器，但你可以在这里看到它的实际效果：http： //trulyscience.com/test/index.php

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

Answer 1

在 realscience.com 页面上，您只需调整ul.dropdown li:last-child a.

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

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

和

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

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

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

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

结果是：

变成：