图像链接在任何浏览器中都不起作用

发布于 2024-10-20 15:34:56 字数 480 浏览 2 评论 0原文

我对 html/css 很陌生，所以也许这是一件非常简单的事情，但是当我尝试单击网站页面上的图像链接时，图像会显示，但链接永远不会出现，光标也永远不会改变。这是代码的相关部分

<div id="content">
<div id="imagelink">
    <a href="#"><img border="0" src="Images/pic.png" alt="A Picture"  /></a>
</div>

#imagelink {
background-image:url("Images/file.png");
display:block;
height:224px;
width:401px;
text-indent:-9999px;
position:absolute;
left:15%;
top:25%;

}

原文

Im pretty new to html/css so maybe this is a really simple thing but none of my images links on one page of the site show up when I try to click on them the image shows but the link never appears and the cursor never changes anyway here is the relevant section of code

<div id="content">
<div id="imagelink">
    <a href="#"><img border="0" src="Images/pic.png" alt="A Picture"  /></a>
</div>

#imagelink {
background-image:url("Images/file.png");
display:block;
height:224px;
width:401px;
text-indent:-9999px;
position:absolute;
left:15%;
top:25%;

}

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

只有一腔孤勇 2024-10-27 15:34:56

<div id="imagelink">
    <a href="#"><img border="0" src="Images/pic.png" alt="A Picture"  /></a>
</div>

<div id="imagelink">
    <a href="#"><img border="0" src="Images/pic.png" alt="A Picture"  /></a>
</div>

回复收藏 0 原文

吃颗糖壮壮胆 2024-10-27 15:34:56

尽量不要使用 img 标签，而是使用 div 作为图像：

<a href="#" target="_BLANK">
<div class="myImage"></div>
</a>

.myImage{
    background: url(Images/file.png) no-repeat top center;
    height: 224px;
    width: 401px;
}

Try not to use the img tag and instead, use a div for your image:

<a href="#" target="_BLANK">
<div class="myImage"></div>
</a>

.myImage{
    background: url(Images/file.png) no-repeat top center;
    height: 224px;
    width: 401px;
}

回复收藏 0 原文