Question

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

}

Answer 1

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

Answer 2

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

Answer 3

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

图片链接无法在任何浏览器中使用

3 个答案: