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

Question

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

在这里，border black是我的<div>，阅读更多是我的background-image。

注意：如果我<img>直接在标签内<div>使用标签而不是使用 as a 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 标签提供高度和宽度。

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

• 根据您的图像尺寸的高度和宽度

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