Почему событие onclick не запускает мой якорь с изображением внутри? - PullRequest
Новая
       16

Почему событие onclick не запускает мой якорь с изображением внутри?

2 голосов
/ 10 октября 2011

Я работаю над копированием в буфер обмена с помощью API zeroclipboard. Я сделал простую тестовую страницу с привязкой HTML следующим образом: 

<a href="#" id="copy" >copy</a>

При нажатии на ссылку «Копировать» текст копируется в буфер обмена, все js-события запускаются и корректно регистрируются в консоли, но когда я изменяю приведенный выше пример, чтобы в привязке было изображение для лучшего взаимодействия с пользователем: 

<a href="#" id="copy" ><img src="copy.gif" alt="copy"/></a>

... код больше не работает и никакие события не запускаются.

1 Ответ

2 голосов
/ 10 октября 2011

Установить изображение как фоновое изображение элемента a с помощью CSS. 

#copy {
    background-image: url('copy.jpg')
    display: block
    width: XXXpx
    height: YYYpx
}

Вы можете использовать display: inline-block, если хотите, чтобы элемент a вел себя больше как span.

...