CSS阴影禁用链接

我只是遵循一个关于如何在图像上制作阴影效果的CSS教程。除了我的图像实际上是一个链接（在菜单中）之外，它工作得非常好。问题是，当阴影效果被激活时，链接在IE8中不再起作用。它在Chrome上运行良好，但由于它是一个内部Web应用程序，人们只使用IE8。CSS阴影禁用链接

我敢肯定，必须有我的CSS代码的某个位置添加一个属性，但我不知道......

这里是我的CSS代码：

.img-shadow { 
    float:left; 
    background: url(menupic/shadow.png) no-repeat bottom right; 
    margin: 5px 0 0 5px; 
    } 

.img-shadow img { 
    display: block; 
    position: relative; 
    margin: -6px 6px 6px -6px; 
    padding: 4px; 
    z-index: 10; 
    }

这里是我的HTML代码：

<a href="yyy.html"><span class='img-shadow' style='margin-left:3px;' ><img border=0 src="img.png" alt='menuitem' /></span></a>

谢谢！

P.S：请不要告诉我有其他方法可以达到这个效果。我知道:)

来源

2011-03-09 Jean-François Côté

您可以链接到您所使用的CSS教程？ – LostLin 2011-03-09 17:47:18

puting跨度到锚相反的，我做的其他方式，它完美地工作。

下面是代码：

<span class='img-shadow' style='margin-left:3px;' ><a href="yyy.htm"><img border=0 src="image.png" alt='menuitem' /></a></span>

来源

2011-03-09 17:55:54

不能看到整体的HTML，CSS和你使用的图像我会说你想把图像放在锚链接后面？现在使用z-index：10，你会告诉它超出正常的元素，并且坐在锚点链接的顶部并使其无法使用。尝试：

z-index:-10;

来源

2011-03-09 17:29:57 Alex

感谢您的回答。实际上，z-indez：10不应该在我的帖子上，它仅用于测试目的。但是，您的文章让我朝着正确的方向发展了解决方案。我会尽快将它作为答案发布。 – 2011-03-09 17:54:23

CSS阴影禁用链接

回答

相关问题