Can I re-size background image?

Question

Is there any idea to re-size its background image?

div{background: url("image.jpg") no-repeat;} 
/* here original image is  20px X 20px
and I would like to re-size its background image as 50px X 50px */

http://stackoverflow.com/questions/1341358/set-size-on-background-image-with-css — İsmet Alkan, Apr 30 '13 at 10:22

score 1 · Answer 1 · answered Apr 30 '13 at 10:21

1

You can use the background-size property but this is css3 and will only work in newer browsers

http://www.w3.org/TR/css3-background/#the-background-size

answered Apr 30 '13 at 10:21

Pete

57,112
28
117
166

at least which version of IE? – Bhojendra Rauniyar Apr 30 '13 at 10:22
1

@Chapurlink it works in [**IE9+ browsers**](https://developer.mozilla.org/en-US/docs/CSS/background-size#Browser_compatibility). – Mr_Green Apr 30 '13 at 10:24

score 0 · Answer 2 · answered Apr 30 '13 at 10:24

0

You can use ,

 -moz-background-size:
 -webkit-background-size:
  background-size:

answered Apr 30 '13 at 10:24

zey

5,939
14
56
110

score 0 · Answer 3 · answered Apr 30 '13 at 10:24

You can use background-size in CSS3 or in CSS2 you can use phpthumb

div{background: url("phpThumb.php?src=images/image.jpg&amp;w=20&amp;h=20") no-repeat;}

check this site if you are interesed in php solution

http://phpthumb.sourceforge.net/demo/demo/phpThumb.demo.demo.php

Can I re-size background image?

3 Answers3