带有css的旋转div上的链接似乎不起作用

Question

我在旋转的div中显示了一些图像，并对它们进行了超链接。然而，链接似乎不起作用……有人能解释一下为什么会这样吗？

链接：http://inetgate.ca/dev/portfolio使用admin/test命令跳过密码提示。

谢谢!罗恩

示例代码：

<div id="pic-7" class="pic" style="height:130px; width:110px; top:9px;left:370px; -moz-transform:rotate(-16deg); -webkit-transform:rotate(-16deg); position: absolute; background-color:#fff;background-position:center top;font-size:80%">
            <div align="center">
            <img style="margin-top:4px; border: 1px solid #999;" src="gallery/img/thumbs/wittmerperformance.png"/><a class="fancybox" rel="fncbx" href="http://www.wittmerperformance.com/" target="_blank" onclick>Wittmerperformance
            </a></div>
    </div>

Answer 1

删除包含子<a>标记的div上的position:absolute;。这将解决您的问题。当在一个绝对定位的元素中嵌套可点击链接时，<a>标签本身也必须被绝对定位才能被点击，这是由于CSS的优先级。为什么不把div设为position:absolute; to relative，这样就不会遇到这个问题了。或者干脆让<a>本身成为absolute。简单的解决方法！