вопрос
Итак у меня есть картинка(1)
Картинку(1) я беру из допол. поля
и мне нужно наложить на нее вторую картинку(2) в png
Нашел в нете
Переделал все под свой сайт, но вышло что 1 выше 2, а мне нужно наоборот
Я пробовал z-index, не помогло
Картинку(1) я беру из допол. поля
и мне нужно наложить на нее вторую картинку(2) в png
Нашел в нете
Переделал все под свой сайт, но вышло что 1 выше 2, а мне нужно наоборот
Я пробовал z-index, не помогло
В tpl
В css
Вот собственно всё что нужно, остальной код CSS по месту. Главное чтобы размеры блока .img_wrap и .img_border были одинаковы.
[full-link][xfgiven_image]
<div class="img_wrap">
<img src="[xfvalue_image]" alt="{title}" title="{title}"/>
<div class="img_border"></div>
</div>
[/xfgiven_image][/full-link]
В css
.img_wrap {
position:relative;
width: 100px;
height: 100px;
owerflow:hidden;
}
.img_wrap img {width:100px;}
.img_border {
position: absolute;
background: url(../images/частично_прозрачная_картинка.png) no-repeat 0 0;
width: 100px;
height: 100px;
top:0;
left:0;
}
Вот собственно всё что нужно, остальной код CSS по месту. Главное чтобы размеры блока .img_wrap и .img_border были одинаковы.