图像超链接不能在HTML中工作

定期链接到侧边栏上的其他页面正在工作，但是当我尝试超链接页面中的图像时，没有任何反应。一切都在同一个目录中。这是否与具有“display：fixed”和“z-index：1”的标题div和侧栏的页面有关？图像超链接不能在HTML中工作

#info { 
 
    display: inline-block; 
 
    vertical-align: top; 
 
    width: 80%; 
 
    height: auto; 
 
    padding: 0em 1em 0em 1em; 
 
    position: absolute; 
 
    margin-top: 15em; 
 
    margin-left: 12em; 
 
    z-index: -1; 
 
} 
 
#info td { 
 
    display: inline-block; 
 
    padding: 0em 2em 0em 2em; 
 
} 
 
#info img { 
 
    height: 15em; 
 
    width: auto; 
 
} 
 
#link_title { 
 
    font-weight: bold; 
 
    font-size: 20px; 
 
    text-align: center; 
 
}

<div id="info"> 
 
    <h2> Tips & Tricks </h2> 
 
    <table> 
 
    <td> 
 
     <p id="link_title">Cooking & Food Tips</p> 
 
     <a href="tips_tricks_cooking.html"> 
 
     <img src="deceuillete_fraise.jpg" alt="strawberry" /> 
 
     </a> 
 
    </td>

来源

2015-02-24 ladybug1204

尝试使用浏览器的开发工具，看看是否已经加载了 – Romski 2015-02-24 04:35:14

可能是CSS的问题。另一个div或html元素重叠在你的侧栏上。 – 2015-02-24 05:08:04