배경 이미지를 오른쪽 가운데로 설정하고 스프라이트를 사용하는 방법은 무엇입니까?

Question

는 다음과 같은 시나리오를 살펴 보자 :

는 일반적으로 당신은 배경 이미지를 포함하고 '권리 센터'로 설정한다. 어쨌든 그러나 이것을 가지고 있지만 연설 거품이 요소가 알 수없는 너비를 가지고있는 스프라이트 (여러 개의 다른 이미지가 포함되어 있습니다)에서 왔습니까?

나는 : after 의사 요소를 사용하려고했지만 IE7 지원을 제공해야합니다.

나는 여분의 HTML 마크 업을 피하기를 원했기 때문에 CSS 전용 시나리오가 있는지 궁금하다.

누구든지 이에 대해 의견이 있으십니까? 전이나 : 후

감사

Answer 1

당신은 같은 CSS 의사 요소를 사용할 수 있습니다. 원하는 크기로 가짜 요소를 배치하고 배치하십시오. content 속성은 중요합니다. 그렇지 않으면 나타나지 않습니다.

#divid:after { 
    width: 10px; 
    height: 10px; 
    margin: -10px 0 0 -10px; 
    position: absolute; 
    background: url('sprite.png') -20px -15px no-repeat; 
    content: ' '; 
}