2016-10-15 3 views
-2

はここCSSイメージリンクを作成しますか?

#esc1{ 
    position: absolute; 
    top:0px; 
    right: 0; 
    width: 30px; 
    height: 30px; 
    opacity: 0.5; 
    padding: 30px; 

私の質問は、あなたがこのにリンクを組み込むことが可能である、私のコードですか?それはイメージのためです。

+1

クリックしてリンク先に行くのですか?または、背景としてimgを使用しますか? – r1verside

+3

リンクはCSSではなくHTMLで定義されています。 「...」 – Reeno

+0

ヘルプを使用するだけです。 @Reeno私はhtmlを知っていますが、あなたのコードは私を混乱させます.. –

答えて

0

background: url(path/to/yourimg.png);を使用すると、画像を背景として使用できます。

あなたはこの

<a href="path/to/img"> 
    <img id="esc1" src="path/to/img" /> 
</a> 

のようなあなたのimgタグをラップするHTML アンカータグを使用することができます。しかしいずれにしても、これは簡単です実際の画像へのリンクを作成する場合。 (@ r1versideの回答にコメントで)HTMLとCSSあなたが書く

+0

わかりません、理解している、またはそうでないかもしれません。私はこのページの画像を、画像そのものへのリンクではなく、この画像にします。 –

+0

イメージ(esc1)をHTML Webページへのリンクにします。 –

+0

これはあなたの質問に対する@Renoのコメントの意味です – Johannes

0

<a href="https://www.google.com"> 
 
    <img src="https://placehold.it/100" /> 
 
</a>

+0

これは私が欲しいものではありません....私はそれがイメージ(esc1)がその上にあるすべてのページのリンクになりたいと思います。私はHTMLページにリンクしたい。 –

+0

@DoveManちょうど 'href'のリンクを変更してください。ハイパーリンク ''タグの中にラップする必要があります。画像自体はハイパーリンクにすることはできません。 – Nhan

0

を学ぶためにw3schoolsに行く:

を、私はそれが画像(ESC1)たくなりましたすべてのページのリンク の

これはできません。リンクを作成するには、href属性のテキスト<a>と、<a></a>の間のコンテンツ(テキストまたはイメージ)が必要です。これは各ページで別々に行う必要があります。あなたはできませんは、CSSを介してリンクを定義します。

関連する問題