为什么我的定位标记在移动视图中不起作用？

Question

我正在写电子邮件代码，不确定在纵向模式下为什么<a/>链接在移动视图中不起作用。在横向视图和桌面视图中，它可以正常工作。我查找了有关此问题的无数SO帖子和其他杂项材料，但无济于事。

我尝试在z-index: -1;标签上添加<img/>，但没有做任何事情（这是我最近尝试过的事情）。我在做什么错了？

@media screen and (max-width: 600px){
     .width-320 {
        width: 320px !important;
     }

     .overload {
        display: block !important;
     }

}


<tr>
<td class="width-320" width="600">
    <table cellspacing="0" cellpadding="0">
        <tbody>
        <tr>
            <th class="overload width-320" width="240">
                <table border="0" cellspacing="0" cellpadding="0">
                    <tbody>
                    <tr>
                        <td class="width-320" width="600"><a href="www.google.com"> <img class="hide" style="display: block;" src="myImage" alt="The Image" width="600" height="295" border="0" /> </a></td>
                    </tr>
                    </tbody>
                </table>
            </th>
        </tr>
        </tbody>
    </table>
</td>