请前辈帮我用CSS写一句背景平铺的代码，谢谢！

Posted 2023-03-23

我想在整个网页中实现图片平铺。不重叠。这个图片是100*100的。请看图

应该在body部分写一句代码吧？我想图片泛白的地方在右侧。同时横向、纵向延伸。但不要图片重复。
悬赏就5分了。帮帮我吧

css中能个添加背景图片background:url(“”);但是这里只能指定no-repeat或者repeat-x,repeat-y这些平铺的方式.    
如果我们想要背景图片是拉伸的,方法有三个:

  1.把背景图片使用PS放大。直接做成背景图片。

  2.此方法为滤镜只对IE有效，代码如下：

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

  3.我们可以选择在底下一个层放一个img(这个img是可以拉伸的),然后上面一层放我们的内容.代码如下：

<div><img src="图片地址" width="100%"></div>
<div style="position:absolute; top:0px;left:0px; width:100%">
    我们的内容    
</div>

参考技术A 1.body的background:url(该图片) repeat-y right;

2.取出该绿色的RGB数值，body的background-color设为该值。
但是你这个图切的有问题，xy方向上的两边都有界线，repeat做不到无缝。 参考技术B background-size:100% 100%； 写上这句 背景图片会跟着你的body变，但不是平铺，应该是你要的效果