下面网页中的图片链接到各自的页面。在 IE8 和 IE9 中运行良好,但在 IE7 中运行良好。在 IE7 中,当您将鼠标悬停在图像上时,链接 url 被识别(浏览器左下角的预览)但不可点击?
http://www.signport.co.uk/test/asg_ourwork.php
谁能告诉我是否有解决办法?
谢谢 :)
下面网页中的图片链接到各自的页面。在 IE8 和 IE9 中运行良好,但在 IE7 中运行良好。在 IE7 中,当您将鼠标悬停在图像上时,链接 url 被识别(浏览器左下角的预览)但不可点击?
http://www.signport.co.uk/test/asg_ourwork.php
谁能告诉我是否有解决办法?
谢谢 :)
此解决方案是新的解决方案:
.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。我做到了,所以你只需要添加这行代码。
问题是标签的混乱。
在此示例中,您可以看到更正工作。在 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;}