Ссылки на изображения не будут работать в любом браузере

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

Старайтесь не использовать тег 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;
}

Answer 3

1. если ваш сервер чувствителен к регистру, измените Изображения на изображения
2. добавьте ./ или http://domain.com/path/to/images/ к путям