急！！如何用css实现背景图片纵向平铺？？？

Posted 2023-03-23

百分数值的表现方式更为复杂。假设你希望用百分数值将图像在其元素中居中，这很容易：
body

background-image:url('/i/eg_bg_03.gif');
background-repeat:no-repeat;
background-position:50% 50%;


这会导致图像适当放置，其中心与其元素的中心对齐。换句话说，百分数值同时应用于元素和图像。也就是说，图像中描述为 50%
50% 的点（中心点）与元素中描述为 50% 50% 的点（中心点）对齐。

如果图像位于 0% 0%，其左上角将放在元素内边距区的左上角。如果图像位置是 100% 100%，会使图像的右下角放在右边距的右下角 参考技术A 1、再css中定义css的背景图片，修改CSS的一下部分：
background-image:url(../images/bg_middle.jpg);
2、在之后加上background-repeat:repeat-y; 这个属性可以让图片纵向平铺
3、看图片是否会需要居中如果需要的话加上background-position: center 参考技术B 设置 background：url(....) repeat-y;
纵向平铺

设置 background：url(....) repeat-x;
为横向平铺 参考技术C 定义css的背景图片，之后加个backgrouond-repeat:repeat-y属性本回答被提问者采纳 参考技术D background:url("图片路径") repeat-y;

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

我想在整个网页中实现图片平铺。不重叠。这个图片是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变，但不是平铺，应该是你要的效果