2012-03-14 184 views
0

我試圖啓用一個圖像顯示在一個錨標記內的一些文本旁邊,我無法弄清楚如何做到這一點。CSS圖像問題

這裏是小提琴: http://jsfiddle.net/NinjaSk8ter/V9nBZ/

如圖所示的小修改圖像應出現旁邊名爲「約翰」: enter image description here

我在我的網頁想這一點,並且圖像似乎是在重複。

我沒有足夠的CSS體驗,我很感激任何幫助。

回答

0

你在你的CSS中使用這樣的:

background-image: url("http://i.imgur.com/B7YTA.png") no-repeat 0 0; 

這是無效的CSS。你可以看到圖像,如果你這樣做:

background: url("http://i.imgur.com/B7YTA.png") no-repeat 0 0; 

只需使用background-image意味着你只能把該URL到圖像 - 沒有別的。

+0

謝謝!你能告訴我如何垂直對齊這張圖片嗎? http://jsfiddle.net/NinjaSk8ter/V9nBZ/ – Paul 2012-03-14 22:46:39

+0

@Paul你只需要添加8px到background-y的位置,所以:'background:url(「http://i.imgur.com/B7YTA.png」) no-repeat 0 8px;' – 2012-03-14 22:50:16

+1

background:url(「http://i.imgur.com/B7YTA.png」)no-repeat left center; – 2012-03-14 22:51:43