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調整大小圖像

回答

相關問題