0
그래서 일부 이미지를 스프라이트로 만들려고합니다. 나는 내가하고있는 것을 꽤 잘 이해한다고 생각했지만, 6 개의 다른 이미지를 얻는 대신에, 나는 1 개의 스쿼시 이미지를 6 번 얻었다. 여기 CSS 스프라이트가 자르기보다 찌그러지고 있습니다
내가이를 게시 할 때, 내 이미지가 단지 나는 그것이 나에게 단지의 크기가 조정 된 이미지를주고 싶을 때 나는, 크기 조정 및 왜곡되고 내 스프라이트의 6 개 이미지가 너무 숙청되어 내 코드img.sprite
{
width:100px;
height:100px;
background-image:url(myimage.jpg) 0 0;
}
img.sprite2
{
width:100px;
height:100px;
background-image:url(myimage.jpg) -100px 0;
}
</style>
</head>
<body>
<img class="sprite" src="myimage.jpg" width="1" height="1" />
<img class="sprite2" src="myimage.jpg" width="1" height="1" />
입니다 부분. 웬일인지 수확하지 않고있다.
이 W3 스쿨은 있지만 그것을 어떻게 얘기했던 방법이다를 사용하여이 기술을 시도에 그것을 사용해야 할 경우 http://www.w3schools.com/cssref/css3_pr_background.asp
참조하십시오. 스프라이트에 대한 예제를 참조하십시오. http://www.w3schools.com/css/tryit.asp?filename=trycss_sprites_img 내가 뭘하고있는 것이 그들의 예와 다른가요? – Andy
'background-image'는 'background'가 아니며 'background-image'는 배경 위치 좌표를 지원하지 않습니다. – JackSD