Как привязать ссылку только к внешней картинке?

Необходимо наложить иконку поверх изображения.

#img-upload {width:100%; overflow:hidden;}
#img-upload a {position:relative; float:left; margin:5px;}
#img-upload a span { display:none; background-image:url(/../themes/classic/images/trash_icon.png); background-repeat:no-repeat; width:48px; height:48px; position:absolute; right:-15px; top:15px;}
#img-upload img { border: solid 1px #999; padding:5px;} 
#img-upload a:hover span { display:block;}


<a href="/../themes/classic/images/town_icon.png">
<span></span>
<img class="img-polaroid" width="100" height="113" style="margin-top:5px;margin-left: 3px;" src="http://localhost/upload/temp/53234487ec064_g9gjWDDQ.jpg" rel="lightbox">
</a>


Подскажите, пожалуйста, как изменить код, чтобы ссылка действовала только на иконку, а не на все изображение?
  • Вопрос задан
  • 2847 просмотров
Решения вопроса 2
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
jsfiddle.net/iiil/Y6aL6/5
Сделайте такую разметку, если хотите использовать несколько картинок.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
jsfiddle.net/iiil/S7DYZ/1
Вот Ваш код - объясните, чего хотите. У Вас все, стили и разметка совершенно не отвечают Вашему запросу. Надо переделать и то, и другое.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы