2013-11-01 3 views
3

배경 위치를 사용했습니다 : (0) px (0) px; 배경 이미지와 함께 CSS로 여러 번 : url (.....); 하지만이 CSS 속성을 이미지 태그에 사용할 수 있는지 궁금합니다. 실제로 내가 원하는 것은 이런 것입니다.이미지 태그의 배경 위치

<a href="(some line page.html)" target="_blank"><img style="float: left; background-position: 0px 0px;" src="images/variousthumbnails.jpg" alt="Thumbnail 1" width="100" height="98" /></a>

는 "variousthumbnails.jpg"는 폭 100 픽셀, 높이 9 명 98px 각 화상을 포함한다. 이 이미지 태그에 "0px 0px"에있는 첫 번째 미리보기 이미지를 표시하고 싶습니다. 가능하다면 친절하게 알려주세요.

CSS에서 배경 이미지를 사용할 수 없습니다.

감사합니다.

+1

바이올린 ... – AmanS

+0

왜 당신은 당신이 배경 이미지의 위치를 ​​설정할 수있는 사용하여 이미지에'class' 또는'id'를 추가하지 마십시오. –

답변

1

내가 말하는 것은 CSS Sprites라는 메서드입니다.

작은 이미지가 많은 큰 이미지 하나를 사용하므로 모든 페이지 용도로 하나의 이미지 만로드하면됩니다.

은 여기의 좋은 개요입니다 : CSS - using one background image with multiple images on it

+0

답장을 보내 주셔서 감사합니다. 예, 이미지 태그를 따라 사용하고 싶습니다. CSS를 사용할 수 없습니다. – khushifairy

+0

jsfiddle을 수행하는 데 사용할 수있는 예제 이미지가 있습니까? –