使图像（不背景img）在div重复？

我试图重复-y一个图像是在一个div和没有背景图像，但没有想到如何。你能指点我一个解决方案吗？使图像（不背景img）在div重复？

我的代码如下所示：

<div id="rightflower"> 
<img src="/image/layout/lotus-dreapta.png" style="repeat-y; width: 200px;"/> 
</div>

来源

2011-12-30 mwentosana

简短的回答是你不能 - 你要那么使用背景图片为这个 – 2011-12-30 11:40:08

，我可以通过将其设置为div的背景图像来重复图像？这会让我调整图像吗？ – mwentosana 2011-12-30 11:46:31

你必须使用到repeat-y为style="background-repeat:repeat-y;width: 200px;"，而不是style="repeat-y"。

试试这个图像标签内，也可以使用下面的CSS的股利

.div_backgrndimg 
{ 
    background-repeat: repeat-y; 
    background-image: url("/image/layout/lotus-dreapta.png"); 
    width:200px; 
}

来源

2011-12-30 12:24:22 Boopathi

不使用CSS，你不能。你需要使用JS。一个简单的例子复制IMG的背景：

var $el = document.getElementById('rightflower') 
    , $img = $el.getElementsByTagName('img')[0] 
    , src = $img.src 

$el.innerHTML = ""; 
$el.style.background = "url(" + src + ") repeat-y;"

或者你实际上可以重复的图像，但究竟有多少次？

var $el = document.getElementById('rightflower') 
    , str = "" 
    , imgHTML = $el.innerHTML 
    , i, i2; 
for(i=0,i2=10; i<i2; i++){ 
    str += imgHTML; 
} 
$el.innerHTML = str;

来源

2011-12-30 11:47:03 gotofritz

显然你可以用CSS来改变它，如果你删除img元素并把图片放在背景中，我的回答是基于你不想/不能改变标记的假设 – gotofritz 2011-12-30 15:25:11

我希望那些跟踪我的人会停止downvoting我发布的一切 – gotofritz 2012-01-01 13:00:29

它可能会更容易只是一个假象，它通过使用一个div。只要确保你设置高度，如果它是空的，以便它实际上可以出现。举例来说，您希望它的高度为50px，将div高度设置为50px。

<div id="rightflower"> 
<div id="divImg"></div> 
</div>

而在你的样式表中，只需添加背景及其属性，高度和宽度以及你想要的位置。

来源

2011-12-30 12:49:19 Rooster

（DEMO）
代码：

.backimage {width:99%; height:98%; position:absolute; background:transparent url("http://upload.wikimedia.org/wikipedia/commons/4/41/Brickwall_texture.jpg") repeat scroll 0% 0%; }

和

<div> 
    <div class="backimage"></div> 
    YOUR OTHER CONTENTTT 
</div>

来源

2015-05-18 09:38:12

使图像（不背景img）在div重复？

回答

相关问题