如何更改背景图像大小答案

【问题标题】：how to change background img size如何更改背景图像大小
【发布时间】：2012-03-17 15:40:52
【问题描述】：

   $(this).css('background','url(img/49057_584817416_4750_q.jpg) no-repeat 10% 40%,url(img/yes_no.png) no-repeat 50% 80%,url(../img/invitation.png)');

我只想调整 img/49057_584817416_4750_q.jpg 的大小

有什么想法吗？谢谢。

【问题讨论】：

本主题将为您解决您的问题。 [stackoverflow.com/questions/1143517/jquery-resizing-image]

标签： jquery css

【解决方案1】：

通过 CSS3，你可以做这样的事情

-webkit-background-size: 80% 80%; /* Saf3-4 */
     -moz-background-size: 80% 80%; /* FF3.6 */
          background-size: 80% 80%; /* Opera, IE9, Saf5, Chrome, FF4 */

【讨论】：

【解决方案2】：

您是否在问是否可以仅使用 css 调整元素上的一个背景图像的大小而无需调整其他背景图像的大小？这个问题的答案是否定的。如果一个属性只有一个值，则它对所有背景图像都有效。

如果你使用 js 来创建这个，你最好注入图像，绝对定位它们以将它们从流程中取出，并单独调整它们的大小。

【讨论】：

【解决方案3】：

【讨论】：