html - 空の div タグの背景画像のハイパー リンク

Question

私のウェブサイト<div>では、 が空background-imageです。私の<div> 幅は280pxで、background-image 幅は165pxです。だから私は165pxでのみリンクが必要です（のみbackground-image）。そのように与えることは可能ですか？

Here,border blackは my<div>で、READ MOREは mybackground-imageです。

注:として使用するのではなく、タグ<img>内で直接タグを使用している場合、問題は解決されます。しかし、空のリンクとして提供できるかどうかを知りたいですか?<div>background-imagebackground-image<div>

Answer 1

2 つのソリューション:

1. 背景画像の上に空の「A」タグを配置します。

2. 「A」タグを使用して、画像を「A」タグの背景画像として配置します。

Answer 2

いいえ、背景画像からのリンクはできません。ただし、エミュレートすることはできます: メイン div の position:relative に追加し、その中に div ( position: absolute および background:0 を使用) をリンク先の場所に追加します。

Answer 3

私はあなたがこのように試すことができると思います

#box-link { 
        position: absolute; 
        top: 8px; /*what ever*/
        left: 20px;  /*what ever*/
        width: 83px; /*what ever*/
        height: 83px; /*what ever*/
        background-color: transparent; 
        border: 1px solid yellow; /*what ever*/
}   



        <div class="box1">
        <a id="box-link" href="#"></a>
        </p>
        </div>

このリンクを試してください

http://www.position-relative.com/tutorials/tute1_css_bg_image.php

Answer 4

タグの高さと幅を指定する必要があります。

a{
    background:red;
    height:25px;
    width:50px;
    display:block;
}

• 画像サイズに応じた高さと幅

http://jsfiddle.net/3se2E/を参照してください