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提供了宝贵的答案。感谢您的回复,但在这种情况下,我尝试了
标签,我还需要背景的确切链接。我不确定您所说的“您需要背景的确切链接”是什么意思?你能详细说明一下吗?是的,我需要的链接应该与图像形状相匹配。链接应仅存在于图像内部。