5

我在旋转的 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>
4

1 回答 1

2

删除具有子标签position:absolute;的 div 上的。<a>这将解决您的问题。当在绝对定位元素内嵌套可点击链接时，<a>标签本身也必须绝对定位才能使其可点击，这是由于 CSS 优先级。为什么不直接制作 div ，position:absolute;然后relative你就不会遇到这个问题。或者只是制作它<a>本身absolute。简单修复！

于 2012-09-21T16:38:52.693 回答