Question

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

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

Answer 1

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

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

Answer 2

你可以使用，

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

Answer 3

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

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

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

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

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

3 个答案: