我可以重新调整背景图片的大小吗?

时间:2013-04-30 10:19:45

标签: html css

有没有想过重新调整背景图片的大小?

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 */

3 个答案:

答案 0 :(得分:1)

您可以使用background-size属性,但这是css3,只能在较新的浏览器中使用

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

答案 1 :(得分:0)

你可以使用,

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

答案 2 :(得分:0)

你可以在CSS3或CSS2中使用background-size,你可以使用phpthumb

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

如果您在php解决方案中有兴趣,请查看此站点

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