2014-11-15 56 views
-1

我需要幫助爲我的導航菜單創建圖像。 我看到一個網站只有一個包含大量小圖片的圖片,我猜測網站可以識別要使用哪個圖片以及何時何地。CSS - 選擇圖像和顯示區域

例如:show image

如何選擇主頁按鈕,設置按鈕,和星按鈕,並分開使用?

謝謝

+0

這個問題是CSS和你正在尋找的概念稱爲:精靈。 – mcserep

+0

也許是http://css-tricks.com/css-sprites/ – kwarunek

+0

哦。我不知道這是CSS的東西。然後抱歉發佈一個線程在PHP中,無論如何。 –

回答

1

這不是PHP相關的問題。其實,這是關於CSS的。如上所述,您正在尋找的概念被稱爲「Sprite」。這裏是一個基於你提供的鏈接的例子:

<!DOCTYPE html> 
<html> 
<head> 
<style> 
#home { 
    width: 45px; 
    height: 45px; 
    background: url(http://kepfeltoltes.hu/141116/4example_www.kepfeltoltes.hu_.jpg) 0 0; 
} 

#next { 
    width: 45px; 
    height: 45px; 
    background: url(http://kepfeltoltes.hu/141116/4example_www.kepfeltoltes.hu_.jpg) -115px 0; 
} 
</style> 
</head> 
<body> 

<img id="home" src=""><br><br> 
<img id="next" src=""> 

</body> 
</html>