Question

I’ve got a CSS class defined like so:

.MyClass .MyIcon {
  background: url("../Images/my_icon.png") no-repeat scroll 0px 0px transparent !important;  
}

But the image is a little too big for what I need. Is there a way to shrink this image from its current size of 20 x 20 to 16 x 16, using CSS. So just making another image is not an option.

I’ve been searching different sites, but I feel like I’m missing something.

Thx for any help! 😀

Answer 1

You cannot change the size of a background image just yet, only in browsers that support css3 you can use the background-size property.