画像をdivに背景画像として配置する方法とURLリンクを追加する方法を教えてください。画像をdivの背景に配置する
<div class="image"><a href="example.com"><img src="books.png" alt="Test" /></a></div>
は、私は次のような何かをしたいが、その動作していない（画像が表示されません）： Currenty私はそれをこのようにやっています。
<div class="image"><a href="example.com"><span class="books"></span></a></div>
ありがとうございます。
クリック可能にしたい場合は、<a>タグに背景画像を配置します。
あなたのCSS：
.image a { display: block;
background: url('image.jpg') no-repeat;
height: 50px; /* obviously use the same dimensions as your image */
width: 50px; /* obviously use the same dimensions as your image */
}
<div class="image"><a href="example.com"> </a></div>
またはより良いまだ、完全にdiv要素を取り除く、とばかりに直接imageクラスを適用します。
<a class="image" href="example.com"> </a>
divが空である可能性があります。それはまだあなたがdiv要素は、それは「思う」どのように大きな見ることができるように、あまりにも背景色を持っている「画像」クラスを設定し、表示されていない場合は
<div class="image"><a href="example.com"><span class="books"> </span></a></div>
：ような何かを試してみてください。
画像を背景にしたい場合は、スタイルプロパティ "z-index：-1"を指定すると、画像は同じコンテンツdiv内の他の要素の後ろに配置されます
それはDIVでなければなりませんか？
あなたは、これは動作します
CSSファイルで
<a class="image" style="display:block; width: (image-width); height: (image-height); background: url(image-link)"></a>
あなたはdiv要素を必要とする場合は、このようにそれを使用することができます。..
<div class="image" style="width: (image-width); height: (image-height); background: url(image-link)"><a href="" style="display:block;"></a></div>
画像と書籍のクラスにはどのようなCSSを使用していますか？ –
あなたはCSSソリューションを受け入れますか？ – amosrivera
イメージをリンクにしたい場合は、リンク先のページを見ている人にそのことを伝える必要があります。これには**コンテンツ**が必要です。イメージをこのコンテンツとして使用するには、 '![]()
'要素を使用します。背景が不適切です。 –
Quentin