Html 空div标记的背景图像超链接

Html 空div标记的背景图像超链接,html,css,hyperlink,background-image,Html,Css,Hyperlink,Background Image,在我的网站中,我有一个空的,背景图像为。我的宽度为280px,背景图像宽度为165px。因此,我只需要在165px中使用链接(仅适用于背景图像)。有可能这样给予吗 在这里,边框黑色是我的,阅读更多是我的背景图像 注意:如果我直接在标签内使用标签,而不是作为背景图像使用,那么我的问题就解决了。但是我想知道是否有可能给背景图像作为空的链接?我想你可以这样试试 #box-link { position: absolute; top: 8px; /*what eve

在我的网站中,我有一个空的
,背景图像为
。我的
宽度280px
背景图像
宽度165px。因此,我只需要在165px中使用链接(仅适用于
背景图像
)。有可能这样给予吗

在这里,
边框
黑色
是我的
阅读更多是我的
背景图像


注意:如果我直接在
标签内使用
标签,而不是作为
背景图像使用,那么我的问题就解决了。但是我想知道是否有可能给
背景图像作为空
的链接?

我想你可以这样试试

#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>
#框链接{
位置:绝对位置;
顶部:8px;/*什么*/
左:20px;/*什么*/
宽度:83px;/*什么*/
高度:83px;/*到底是什么*/
背景色:透明;
边框:1px纯黄色;/*什么颜色*/
}   

试试这个链接

两种解决方案:

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

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


  • 不,你不能从背景图像链接。但您可以模拟:add to main div position:relative,并在其中添加div(位置:absolute,背景:0)到您想要链接的位置。

    您需要为a标记提供高度和宽度

    a{
        background:red;
        height:25px;
        width:50px;
        display:block;
    }
    
    • 高度和宽度取决于您的图像大小

    请参考

    放置一个空标签并相应地定位它。感谢@SVS提供了宝贵的答案。感谢您的回复,但在这种情况下,我尝试了
    标签,我还需要背景的确切链接。我不确定您所说的“您需要背景的确切链接”是什么意思?你能详细说明一下吗?是的,我需要的链接应该与图像形状相匹配。链接应仅存在于图像内部。