html css从tileset调整图像大小

Question

我正在从尺寸为50px x 50px的瓷砖中提取图像。我希望能够根据我想要的尺寸制作这个图像。有没有办法拉出这个图像并调整大小而不必处理背景大小？也许将此图像拉入div并调整div的大小？

img.tileone
{
width:50px;
height:50px;
background:
url(images/summertile.png) -1px -1px;
}

比如说我拿出一个50 x 50的瓷砖，但我想把它调整为75 x 75。

Answer 1

使用css sprites时，必须给它们固定的宽度和高度。

这意味着无法让它们动态调整大小。

但是，如果你知道你的div可能需要一组固定的新尺寸 -

你可以：

1）在精灵或

中添加图像的新变体

2）使用比例来处理这个问题。像这样：

.tileone {
   background-image: url(images/summertile.png) -1px -1px;
   -webkit-transform: scale(1.5, 1.5);
   transform: scale(1.5, 1.5);
 }

Answer 2

可能是这个article或者此覆盖流量上的question可以帮助您。

看看他们两个。