0

大家好！我正在建立我的网站，我正在尝试找到一种方法让我的背景图像（或任何图像）根据内容自行调整大小。

我的背景由 4 个角、4 个边缘和中间的填充组成。是否可以重新调整大小？我想如何使用它的示例：

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

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

谢谢你的时间。

4

2 回答 2

1

不。

使角落和边缘分开图像。顶部/底部边缘应水平平铺；左/右边缘垂直。

然后有一个“中间”图像作为您的背景，可以平铺或以其他方式缩放。这个答案可能会帮助你。

于 2011-04-24T20:44:38.427 回答
0

您可以使用 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

于 2011-04-24T20:48:39.160 回答