空div标签的背景图像超链接

Question

在我的网站上，我有一个带background-image的空<div> 。 我的<div> 宽度为280像素 ， background-image 宽度为165像素 。 所以我只需要165px的链接（仅适用于background-image ）。 有可能这样吗？

这里， black border是我的<div> ， READ MORE是我的background-image 。

注意：如果我直接在<div>标签内使用<img>标签而不是用作background-image ，那么我的问题就解决了。 但我想知道是否可以将background-image作为空<div>的链接？

Answer 1

两种解决方案

1. 在背景图像上放置一个空的“A”标记。

2. 使用“A”标记并将图像作为“A”标记的背景图像。

Answer 2

我想你可以这样试试

#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 3

不，你不能从背景图像链接。 但你可以模仿：添加到主div位置：相对，并在其中添加div（位置：绝对和背景：0）放置，你想要链接。

Answer 4

你需要给出一个标签的高度和宽度。

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

• 根据图像大小的高度和宽度

参考http://jsfiddle.net/3se2E/