将图像从特定位置重复到另一个特定位置

时间:2010-07-31 12:43:35

标签: html css image

我想在div的背景中设置一个带有属性的图像,以便从div的开头到div的99%高度重复该图像。

这可能吗?或者我必须找到另一轮工作?

3 个答案:

答案 0 :(得分:2)

不完全是CSS后台重复。在方向(x或y)中指定重复后,您将获得该元素宽度或高度的100%;

您可以尝试添加覆盖<div>高度1%的元素,从而隐藏背景图片。

另一种选择是嵌套2个div,并将背景图像添加到嵌套元素中:

<div style="height: 100%">
    <div style="height: 99%; background: url(img.png) repeat-y 0 0;">
</div>

答案 1 :(得分:0)

尝试使用此css:

.myimg {
    background-image:url(path here) repeat left top;
    height:99%;
}

您需要将班级myimg应用于图片。您可能想调整那里的高度。

请注意,您还可以通过指定左侧和顶部的值来自定义图像的开始/重复位置:

background-image:url(path here) repeat 20% 50%;

答案 2 :(得分:0)

你不能只使用CSS,你需要一个HTML <div>或类似的来定位背景。