你如何拉伸背景图像

Question

我有一个渐变背景,我在ASP.Net Webforms应用程序中使用如下:

<div style="background-image: url(foo.jpg) repeat-x;">
    ... Injected HTML codes
</div>

其中foo.jpg是一个200x1像素的图像.我的问题是,注入的HTML的高度从大约200px变化到1000 + px,具体取决于数据网格的大小.此外,此段是用于定位内容的更大页面的一部分.

我想要的是,在注入HTML之后,让背景自动拉伸以适应空间,以便在整个高度上平滑地应用渐变.

Answer 1

CSS无法拉伸背景图像.

然而,IMG元素可以被拉伸,所以你可以把一个IMG权电网,使用CSS之前给它position: absolute和z-index:-1,并使用jQuery设置其大小等于电网.