наложить полупрозрачную картинку на другую картинку

размер картинки фиксированный?

ilhan добавил 06.09.2011 в 17:41

Если да то примерно так.

Html:

<a href="#" class="wrap">

<img src="путь к основной картинке" alt="" />

<img src="путь к картинке, которую надо наложить" class="additional_icon" alt="" />

</a>

CSS:

.wrap{

position: relative;

width: 100px; /*- ширина картинки*/

height: 100px; /*- высота картинки*/

display: block;

}

.additional_icon{

display:none;

position:absolute;

right:0;

bottom: 0;

}

.wrap:hover .additional_icon{

display: block;

}

Если картинка не фиксированная, то надо смотртеть, дайте ссылку или код.

Можно менять курсор на картинке:

img{cursor: url(images/cursor.cur), pointer;}

ilhan, Ваш код хорошо работает, только есть ещё одна проблема:

на сайте стоит плагин для просмотра картинок, вот ссылка чтобы посмотреть

http://dekada.by/?page_id=3238

и там код всатки картинки выглядит так:

<a href="http://dekada.by/wp-content/uploads/big1.jpg"><img  src="http://dekada.by/wp-content/uploads/small.jpg" alt="Map" title="" class="alignright size-full wp-image-2837" /></a>

как мне распихать классы так, чтобы и плагин работал и картинка накладывалась???

Добавление классов не должно нарушить работу плагина.

т.е. если использовать мой код то будет так

<a class="wrap" href="http://dekada.by/wp-content/uploads/big1.jpg"><img src="http://dekada.by/wp-content/uploads/small.jpg" alt="Map" title="" class="alignright size-full wp-image-2837 " />

<img src="путь к картинке, которую надо наложить" class="additional_icon" alt="" />

</a>

ilhan добавил 06.09.2011 в 18:19

Можно, но это не будет работать в Opera и Safari до версии 3.0.

Хотя в последних версиях Opera могли и добавить такую возможность.

спасибо Вам огромное! всё работает на ура :)

Будут вопросы обращайтесь в личку.