css禁止背景图拉伸_css实现背景图拉伸(图例)

制作页面要在表格内插入背景图时，我们可以使用CSS进行控制，代码如下：

style="background-image:url(./images/counter_bg.jpg);background-repeat: no-repeat;background-position: right bottom;"

其中，./images/counter_bg.jpg为显示图片路径。

如果现在需要实现背景图随表格拉伸而不重复的拉伸填充，如何实现？

制作方法：

建立表格，并在

style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale')"

不过此方法仅支持IE，不支持FF。

附：Css背景参数，用法：

序号 中文说明 标记语法

1 背景颜色 {background-color:数值}

2 背景图片 {background-image: url(URL)|none}

3 背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}

4 背景固定 {background-attachment:fixed|scroll}

5 背景定位 {background-position:数值|top|bottom|left|right|center}

6 背影样式 {background:背景颜色|背景图象|背景重复|背景附件|背景位置}

见有人提问，我放个实例出来说明一下( 在同目录下放一个“1.jpg”图片)：

CSS背景图拉伸

11	12	13	14	15
21	22	23	24	25
31	32	33	34	35

11	12	13	14	15
21	22	23	24	25
31	32	33	34	35

上面的结果如下图所示：(空间出过问题，图没了，自己运行以上代码看吧。)