2013-05-08 3 views
0

Итак, я проверил некоторые свободные слайдеры; простые скрипты JS, но они, похоже, используют img-теги. Проблема в том, что у меня есть что-то вроде значка, и это должно быть на переднем плане.Нужна метка img над другим тегом img с слайдера JS

Что я не получу .. неважно, в каком порядке я их устраиваю; просто два изображения:

<img style="margin-top:-100px;" src="images/slider_image.png"> 
<img style="margin-left:-30px;" src="images/badge.png"> 

Я попытался окружить их divs, указав им индекс z.

Оба они окружены тегом div.

Итак, как я могу убедиться, что у меня есть слайдер JS, а значок всегда на высоте? Я искал ползунок, который использует div с «background-image: url()», потому что тогда он фактически работает.

или, может быть, есть другие решения?

// редактировать:. О, и я также пытался обновить источник значок с JQuery как $ («#») знак атр («SRC», «someimage») , потому что я думал, что это может быть проблемой, JS обновляет изображение слайдера после значка, но не помогло

+1

Поместите их абсолютно и используйте z.index, чтобы поместить один поверх другого. – Xotic750

ответ

0

Спасибо за подсказку; просто получил его. Я установил значок на позицию: относительный, и это сделало эффект уже работающим ... спасибо в любом случае! :)

Смежные вопросы