2015-02-01 4 views
0

Compass에서 만든 스프라이트 파일이 있습니다. 그리고 그 스프라이트 파일에 이미지가 있습니다. 그리고 background: url() 속성이있는 요소가 있습니다. Sprite 파일을 참조 할 수있는 컴퍼스의 특별한 도우미가 있습니까? url()? 여기 Compass에서 백그라운드로 만든 스프라이트 파일 자체에 대한 링크를 만드는 방법 : url() 속성?

은 예입니다

 a { 
      text-transform: uppercase; 
      color: #FFF; 
     } 
     a:before { 
      content: ''; 
      display: block; 
      position: absolute; 
      height: 20px; 
      width: 24px; 
      left: 9px; 
      top: 18px; 
      background: url("HOW TO GET SPRITE FILE HERE?") no-repeat scroll -55px 0 transparent; 
     } 
+0

Compass 스프라이트는 [이 튜토리얼] (http://compass-style.org/help/tutorials/spriting/)에 설명되어 있습니다. – LeBen

답변

0

나는 당신이 당신의 스프라이트를 생성하는 방법을 잘 모르겠어요,하지만 당신은 URL을 얻을 수 sprite-url($map)을 사용할 수 있어야합니다. 스프라이트를 생성 한 방법에 따라 처리 할 수있는 몇 가지 다른 방법이 있습니다. 다음은 sprite-url에 대한 문서로 연결되는 링크입니다. 페이지를 위로 스크롤하면 스프라이트를 생성하고 필요한 URL을 출력 할 수있는 다른 방법을 제공합니다. http://compass-style.org/reference/compass/helpers/sprites/#sprite-url

+0

자,'$ map' 변수는 무엇을 의미합니까? 내'.scss' 파일에서 그것을 얻는 방법? 이 튜토리얼에서 링크를 지정하면이 질문에 답할 수 없습니다. – Green

+0

스프라이트 자체가 생성됩니다. 'compass watch '를 사용하고'.scss' 파일을 저장할 때마다 스프라이트를 생성합니다. – Green

+0

@Green Sprite를 생성하는'sprite-map'을 호출하는 라인이있을 가능성이 높습니다. 반환 값은'$ map'으로 전달하기를 원하는 값입니다. – rdubya