Question

下面网页中的图片链接到各自的页面。在IE8和IE中工作正常IE9但不是IE7。在IE7中，当您将鼠标悬停在图像上时，链接网址会被识别（浏览器左下角的预览）但是无法点击？

http://www.signport.co.uk/test/asg_ourwork.php

有人可以告诉我是否有修复方法吗？

谢谢：）

Answer 1

问题在于TAGS的发展。

在 this example 中，您可以看到修正工作正常。在Chrome中，它的工作原理与您的完全一样。在IE7中，链接的工作方式与您想要的一样，您只需要更正翻转。

问题：

 <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>

解决方案

<强> HTML

    <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>

<强> CSS

.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;}

Answer 2

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

CSS

.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;
}

您可以删除不需要它的box-shadow SPAN。我做到了所以你只需要添加这行代码。

IE7中的图像超链接无法点击

2 个答案:

问题：

解决方案

CSS