Hyperlink IE7中的图像超链接不可单击

下面网页中的图像链接到各自的页面。在IE8和IE9中可以正常工作，但在IE7中不行。 在IE7中，当您将鼠标悬停在图像上时，可以识别链接url（在浏览器的左下角预览），但不能单击

有人能告诉我有没有解决办法吗

---

谢谢：）

问题是标签的问题

在中，您可以看到校正正在工作。在chrome中，它的工作原理与您的完全相同。在IE7中，链接的工作方式与您所希望的一样，您只需纠正翻转

问题是：

---

此解决方案是新的解决方案：

CSS

---

您可以删除不需要的长方体阴影范围。我制作了它，所以你只需要添加这一行代码。

这就是你所拥有的：

，你能试试这个吗：我把它改成了这个效果，但我失去了阴影效果。我不确定我是否正确地修改了代码？：让我解释一下错误。IE7中的“a”中不能有div+p+img。你必须像我说的那样拥有它，然后纠正阴影。你能用我的建议做一个演示，这样我就可以帮助你处理阴影了吗？我已经根据你的建议修改了阿斯顿·马丁的图片。链接现在起作用了。如果我能找回阴影那就太好了。请将类名从“boxshadow”更改为boxshadow2，可以吗？更正主页，尝试使用它，而不是.item a使用.item>a

 <div style="opacity: 1;" class="item">
    <a href="http://www.signport.co.uk/test/asg_ask.php">
    <div class="boxshadow">
        <p>
            <img src="http://www.signport.co.uk/test/Images/thumb_ask.jpg" alt="ASK Italian" height="170" width="300">
        </p>
        </div>
      </a>
</div>

    <div style="opacity: 1;" class="item">
    <a href="http://www.signport.co.uk/test/asg_ask.php">
        <span class="boxshadow"></span>
       <img src="http://www.signport.co.uk/test/Images/thumb_ask.jpg" alt="ASK Italian" height="170" width="300">
     </a>
</div>

.projects .item{box-shadow: 0 0 10px 0 black;padding:0;margin:10px;}
.projects a {display: block;height: 150px;margin-bottom: 20px;}
.projects a .boxshadow {position: absolute;z-index: 999999;box-shadow: none;}

.item a{
   display:block;
   overflow:hidden;
   height:170px;
   -moz-box-shadow:0 0 10px black;
   -webkit-box-shadow:0 0 10px black;
   -o-box-shadow:0 0 10px black;
   -ms-box-shadow:0 0 10px black;
   box-shadow:0 0 10px black;
}