CSS - 이미지의 영역을 선택하고 디스플레이

-1

내 탐색 메뉴의 이미지를 만드는 데 도움이 필요합니다. 많은 작은 이미지가 포함 된 이미지가 하나 뿐인 사이트를 보았습니다. 사이트에서 사용할 사이트를 언제 어디서나 인식합니다. 예를 들어CSS - 이미지의 영역을 선택하고 디스플레이

: show image

내가 홈 버튼, 설정 버튼, 그리고 별 버튼을 선택하고 개별적으로 사용할 수있는 방법은?

감사합니다.

출처

2014-11-15 Henrik Varga

이 질문은 CSS이며 찾고자하는 개념은 스프라이트입니다. – mcserep

어쩌면 http://css-tricks.com/css-sprites/ – kwarunek

오. 이 CSS 물건을 몰랐다. 어쨌든 PHP 덕분에 스레드를 게시하는 것에 대해 죄송합니다. –

이것은 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>

출처

2014-11-15 23:48:21 Simon

CSS - 이미지의 영역을 선택하고 디스플레이

답변

관련 문제