web-dev-qa-db-ja.com

URLリンクを画像に添付する方法は？

ウェブサイトを作成しています。さまざまな場所のビデオが含まれています。今私の問題は、その上にURLリンクと画像を統合する必要があることです。ユーザーがそのリンクをタップすると、そのリンクに移動する必要があります。ユーザーがビデオをダウンロードしても、そのリンクに移動する必要があります（上記のリンクは画像にリンクされています）。

htmlimageurlhyperlink
20
Zach

「URLリンクを画像に添付する方法」

このようにします：

<a href="http://www.google.com"><img src="http://www.google.com/intl/en_ALL/images/logo.gif"/></a>

action でご覧ください。

61
Gregory Pakosz

あるいは、

<style type="text/css">
#example {
    display: block;
    width: 30px;
    height: 10px;
    background: url(../images/example.png) no-repeat;
    text-indent: -9999px;
}
</style>

<a href="http://www.example.com" id="example">See an example!</a>

冗長ですが、SEOにメリットがあり、CSSが無効になっているシンプルなテキストのように見えます。

3
alex