이 상황에서 어떻게 CSS 스프라이트를 만들 수 있습니까?

나는 8/9 이미지를 연속으로 보여줄 사이트가 있습니다. 빌드 단계에서 내 로컬 pc에서 9 http 호출을 만드는 것이 좋지만 실제 웹 사이트에서 http 호출을 줄이기 위해 css-sprite 기술을 원합니다. 하지만 나는 그러한 CSS 스프라이트를 만들 수 없다. 도와주세요.이 상황에서 어떻게 CSS 스프라이트를 만들 수 있습니까?

HTML + CSS 코드는 간단하다 : http://jsbin.com/ugabez/edit#source

: 여러분의 편의를 위해

<style> 
     a img{ width: 32px; height: 32px; } 
    </style> 

<a href="http://www.twitter.com/godhulii"> 
     <img alt="@godhulii" 
src="twitter.jpg" title="follow me @godhulii"> </a> 

     <a href="http://somewhereinblog.net/blog/seoul"> 
      <img alt="somewhereinblog.net/blog/seoul" 
src="somewhereinblog.jpg" title="somewhereinblog.net/blog/seoul"> </a> 

     <a href="http://www.youtube.com/seoulbuet" > 
      <img alt="bookmark this site" 
src="youtube.gif" title="youtube.com/user/seoulbuet"> </a>

(또는 당신이 CSS-스프라이트를 생성합니다 기대가), 나 jsbin 테스트 환경에서이 코드를 설치해야

답장을 보내 주셔서 감사합니다. -seoul.

출처

2012-03-07 seoul

을 찾을 수 있습니다. 스프라이트는 무엇입니까? 어디서 표시하고 싶니? – Evernoob

jsbin 링크로 가서 렌더링하면 출력을 볼 수 있습니다. 난 그냥 같은 출력을 원하지만 단일 HTTP 호출 – seoul

SpritMe는 웹 사이트의 스프라이트를 만드는 데 도움을줍니다.

여기에 갈 충분한 정보가 없다 자세한 내용은 HERE

출처

2012-03-07 10:46:50

이 상황에서 어떻게 CSS 스프라이트를 만들 수 있습니까?

답변

관련 문제