сделать изображение (не фон img) в div повторяющимся?

Я пытаюсь повторить изображение, которое находится в div и не имеет фонового изображения, но не знаю, как это сделать. Не могли бы вы указать мне на решение?

Мой код выглядит следующим образом:

<div id="rightflower">
<img src="/image/layout/lotus-dreapta.png" style="repeat-y; width: 200px;"/> 
</div>
Программирование
image html css repeat
30-го декабря 2011 в 11:38
20 просмотров
Решение

Вы использовали repeat-y как style="background-repeat:repeat-y;width: 200px;" вместо style="repeat-y".

Попробуйте сделать это внутри тега image или можете использовать приведенный ниже css для div

.div_backgrndimg
{
    background-repeat: repeat-y;
    background-image: url("/image/layout/lotus-dreapta.png");
    width:200px;
}
Комментарии (0)

С помощью 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
Комментарии (2)

Возможно, будет проще просто подделать его, используя div. Просто убедитесь, что вы установили высоту, если он пустой, чтобы он действительно мог появиться. Например, вы хотите, чтобы высота div была 50px, установите высоту div равной 50px.

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

А в таблице стилей просто добавьте фон и его свойства, высоту и ширину, а также позиционирование, которое вы задумали.

Комментарии (0)