图片链接在任何浏览器中都不起作用答案

【问题标题】：Image links wont work in any browser图片链接在任何浏览器中都不起作用
【发布时间】：2011-07-09 15:29:16
【问题描述】：

我对 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%;

}

【问题讨论】：

您能给我们一个示例网址吗？我不完全确定为什么你会在#imagelink 中使用这样的 CSS，除非它与其他一些 CSS 相关。使用 -9999 文本缩进，您的图片链接可能会被推到屏幕左侧...
只在尝试我在某个网站上找到的 css 版本时使用它，但是一旦我删除了文本缩进它仍然不起作用

标签： html css image hyperlink

【解决方案1】：

尽量不要使用 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;
}

【讨论】：

是的，没有改变同样的问题
名为“content”的div的内容是什么？我还注意到“内容” div 没有关闭。
内容 div 包含除页眉和页脚之外的所有网站内容
@Ben B 在玩了一会儿之后，我发现内容 div 是问题所在。当链接在它里面时，它不会工作，但一旦它在外面它就可以正常工作了谢谢大家的帮助

【解决方案2】：

如果您的服务器区分大小写，请将图像更改为图像
在路径中添加 ./ 或 http://domain.com/path/to/images/

【讨论】：

【解决方案3】：

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

【讨论】：

如果你没有抓住它......你错过了一个</a>来结束你的<a>标签。
不只是将链接位置更改为图像的位置