Saya mencoba mengulang-ulang gambar yang ada di div dan tidak ada gambar latar belakang, tetapi belum menemukan caranya. Bisakah Anda mengarahkan saya ke solusi?
Kode saya terlihat seperti ini:
<div id="rightflower">
<img src="/image/layout/lotus-dreapta.png" style="repeat-y; width: 200px;"/>
</div>
Anda telah menggunakan repeat-y
sebagai style="background-repeat:repeat-y;width: 200px;"
bukan style="repeat-y"
.
Coba ini di dalam tag gambar atau Anda dapat menggunakan css di bawah ini untuk div
.div_backgrndimg
{
background-repeat: repeat-y;
background-image: url("/image/layout/lotus-dreapta.png");
width:200px;
}
Tidak dengan CSS Anda tidak bisa. Anda perlu menggunakan JS. Contoh cepat menyalin img ke latar belakang:
var $el = document.getElementById( 'rightflower' )
, $img = $el.getElementsByTagName( 'img' )[0]
, src = $img.src
$el.innerHTML = "";
$el.style.background = "url( " + src + " ) repeat-y;"
Atau Anda sebenarnya dapat mengulang gambar, tetapi berapa kali?
var $el = document.getElementById( 'rightflower' )
, str = ""
, imgHTML = $el.innerHTML
, i, i2;
for( i=0,i2=10; i<i2; i++ ){
str += imgHTML;
}
$el.innerHTML = str;
Mungkin akan lebih mudah untuk memalsukannya dengan menggunakan div. Pastikan Anda mengatur tinggi jika kosong sehingga benar-benar dapat muncul. Katakanlah misalnya Anda ingin tingginya 50px, atur tinggi div menjadi 50px.
<div id="rightflower">
<div id="divImg"></div>
</div>
Dan di style sheet Anda cukup tambahkan latar belakang dan propertinya, tinggi dan lebar, dan posisi apa pun yang Anda pikirkan.