javascript - 减少文本和背景图像之间的填充

Question

http://jsfiddle.net/9aaNh/

请检查这个 fiddle 。我在 HOVER 中遇到文本和背景图像之间的间距问题。

这很好用，但我不知道为什么我无法将图像放在文本前面。 In this Fiddle The image appearing on over is just on the corner where my requirement is it be appeared just before the text

fiddle

这是我现在拥有的图像

我想要

我是用 Javascript 做到的，下面是 fiddle

http://jsfiddle.net/jhilomhaldar1/bNcgH/1/

但是这段代码的问题是盒子上的移动太多了。我真的很迷茫，不知道该怎么办

Answer 1

只需将 css 更改为

#nav li:hover {
    background: url("http://i.imgur.com/IhyGC.png") no-repeat scroll 5px 12px #3EBBEC;
    color: #FFFFFF;
}

希望你期待这个输出