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

Question

在我的网站中，我有<div>空background-image。我的<div> 宽度 280px 且background-image 宽度 165px 。所以我只需要 165px 中的链接（仅适用于background-image）。是否有可能这样做？

此处，border black是我的<div>而阅读更多是我的background-image。

注意：如果我在<img>代码中直接使用<div>代码，而不是用作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/