我想重复显示一个 div 中没有背景图片的图片,但不知道如何操作。您能告诉我解决方法吗?
我的代码是这样的
<div id="rightflower">
<img src="/image/layout/lotus-dreapta.png" style="repeat-y; width: 200px;"/>
</div>
用 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;