2012-05-10 107 views
0

http://jsfiddle.net/9aaNh/減少文字和背景圖像之間的間距

請檢查此小提琴。我在HOVER中的文本和背景圖像之間存在間距問題。

這是行得通的,但我不知道爲什麼我無法將圖像放在文本的正面。在這種小提琴上出現過的形象只是在我的要求是它只是文本

這裏之前出現的角落是什麼,我現在已經

enter image description here

而且我想要的圖像

enter image description here

我這樣做,使用Javascript和這裏是下面的小提琴

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

但有了這個代碼,onover盒子的問題正在太多。我真的很困惑,不知道該怎麼辦

+1

第一個示例根本不顯示圖像 – zerkms

+0

哪個示例不是? – Jhilom

回答

3

只是CSS改變

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

希望你預計此輸出

+1

希望你得到了我的答案...? –

+0

明白了。謝謝 – Jhilom

+0

我總是歡迎.. –

0

在你的資產淨值李

background-position: 0px 5px; 

添加這個它應該工作

+0

沒有Jaiff。它不起作用 – Jhilom

+0

如果你能告訴我們一些工作的例子,那麼我們應該嘗試一些東西而不是猜測。 – Jaiff

+0

我剛剛給你一個Javascript例子和Philemon解決了這個問題 – Jhilom