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陰影禁用鏈接

回答

相關問題