2012-11-05 89 views
0

我試圖爲我的asp.net主頁底部製作一個精靈圖像,以減少http請求的數量。我查看了所有的編碼,並且找不到任何錯誤。以下是圖像:Sprite只能部分顯示

5 social media buttons

但由於某些原因,我的谷歌+圖像顯示不出來;它只顯示5個社交媒體按鈕中的4個。這裏是的jsfiddle,它不會顯示谷歌+按鈕也:

JSFiddle - social media buttons

感謝您對任何人誰能夠在這方面提供任何指導!

SE要我在這裏包含代碼,雖然它在小提琴上。但無論如何,這裏是我在我的樣式表:

.homepage{ 
width:23px; 
height:23px; 
background-image: url(http://www.ussvision.com/images/sprite-homepage.jpg); 
background-repeat:no-repeat; 
} 
.fbook{ 
background-position: 0px 0px; 
} 
.twit{ 
background-position: -25px 0px; 
} 
.yt{ 
background-position: -50px 0px; 
} 
.goog{ 
background-position: -103px 0px; 
} 
.linked{ 
background-position: -150px 0px; 
} 

回答

6

.goog的位置應該是-75px 0px:看http://jsfiddle.net/R8Eu8/1/

編輯:和.linked應該-103px, 0px

+0

謝謝@Lukas_Skywalker!我現在感覺非常愚蠢 - 我甚至沒有看到那個錯誤。我非常感謝時間閱讀和迴應我的問題,並張貼你的小提琴。非常感謝你! –

+2

@Lukas完美.... –