html css从tileset调整大小图像

我从设置为50px x 50px的大小的图块中拉出图像。我希望能够根据我想要的尺寸制作这张图片。有没有办法拉出这个图像并调整大小而不必处理背景大小？也许把这个图像分成一个div并调整div的大小？html css从tileset调整大小图像

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

说，例如我拉出一砖50×50，但我想调整它的大小为75×75

来源

2013-06-19 Sjrsmile

怎么样改变整个图片的大小和div的大小，然后使溢出隐藏？ –

你有一个背景图像，你不想给它一个大小。但是你不想设置背景图像的大小？ – abimelex

当我更改图像的大小时，它会从tileset中提取更多。我拔出的图像是50 x 50，如果将其更改为75 x 75，则会拉出下一张图像的一半。 – Sjrsmile

使用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); 
}

来源

2013-06-19 09:54:25 Danield

这是迄今为止我得到的最接近的！很遗憾，我无法改变特定尺寸像素，但是我可以更改我的其他代码以使其工作。谢谢！我的代码是 'img.tileone {'' 宽度：50像素;'' 高度：50像素;'' 背景：网址（图像/ summertile.png）-1px -1px;'' -webkit- transform：scale（1.5,1.5）;' 'transform：scale（1.5,1.5）;' } – Sjrsmile

原谅这种格式，我似乎无法找出这个网站。 – Sjrsmile

可能是这样article或本question在计算器可以帮助你。

看看他们两个。

来源

2013-06-19 09:24:34

我看了一下，特别是关于stackoverflow的问题显示图像保持相同的大小，但占用了不是我想要的空间。我想要图像是div的大小，所以50x50图像变为75x75并占据整个空间。 – Sjrsmile

做那篇文章对你有帮助吗？ @Sjrsmile –

它没有但是谢谢你的尝试。 – Sjrsmile

html css从tileset调整大小图像

回答

相关问题