Изображение в виде ссылки:
<a href="https://www.w3schools.com">
<img border="0" alt="W3Schools" src="logo_w3s.gif" width="100"
height="100">
</a>
Приведенный выше код ведет себя по-разному в IE и Chrome.https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_link_image
В IE, когда я пытался перетащить изображение, оно использовалось для создания ярлыка к href, указанному в теге привязки.а также он использовал атрибут alt для установки имени ярлыка.
Но это Chrome, он использует атрибут image src для загрузки изображения.
Есть ли обходной путь, чтобы сделать егопохож на IE в chrome?
Изображение в виде ссылки:
<a draggable="true" href="https://www.w3schools.com"> <img draggable="false" border="0" width="100" height="100" style='background: url(/tags/logo_w3s.gif);'></img>
</a>
Я пробовал вышеуказанное решение в Chrome, оно помогает создать ярлык, указывающий на указанный hrefв теге привязки.но он не использует альтернативу изображения.
Если я попытался сделать
<a...>W3Schools<img...></a>
Это помогло, но строка W3Schools отображается как часть страницы.