背景调整大小以适应内容？

Question

大家好！我在建立我的网站的过程中，我试图找到一种方法，让我的背景图像(或任何图像)，以重新调整其根据内容的大小。

我的背景由4个角，4个边和一个中间填充组成。有没有可能重新调整大小？我想如何使用它的示例：

我的背景图片目前支持大约4个段落，im在底部。如果我想要7-8段呢？我是否必须手动重新制作更长的图像，或者我可以让它拍摄左边缘、右边缘、底角和底部边缘图片，然后将其向下移动？我真的希望这是有意义的，哈哈。

我不想拉伸图像，因为它失去了它的分辨率，看起来很糟糕。

耽误您时间，实在对不起。

Answer 1

不是的。

使角和边分隔图像。上/下边缘应水平平铺；左/右边缘垂直平铺。

然后有一个“中间”的图像作为你的背景，要么是平铺，要么是以其他方式缩放。This answer可能会在这方面对你有所帮助。

Answer 2

您可以使用css3属性来完成此操作。并不是所有的浏览器都支持这一点！

.foo {
        background-image: url(bg-image.png);

       -moz-background-size: 100% 100%;           /* Gecko 1.9.2 (Firefox 3.6) */
         -o-background-size: 100% 100%;           /* Opera 9.5 */
    -webkit-background-size: 100% 100%;           /* Safari 3.0, Chrome */
            background-size: 100% 100%;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */

       -moz-border-image: url(bg-image.png) 0;    /* Gecko 1.9.1 (Firefox 3.5) */
}

https://developer.mozilla.org/en/CSS/-moz-background-size