带有css don'的旋转div上的链接;好像不行

带有css don'的旋转div上的链接;好像不行,css,html,hyperlink,Css,Html,Hyperlink,我在旋转的div中显示一些图像并将它们超链接。然而,这些链接似乎不起作用。。。。谁能解释一下为什么会这样 链接: 使用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: a

我在旋转的div中显示一些图像并将它们超链接。然而,这些链接似乎不起作用。。。。谁能解释一下为什么会这样

链接: 使用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>


移除
位置:绝对
位于具有子项标记的div上。这会解决你的问题。当在绝对定位元素中嵌套可点击链接时,
标记本身也必须绝对定位才能点击,这是由于CSS优先级。为什么不直接将div设置为
位置:绝对
相对的
,这样你就不会遇到这个问题。或者只需将
本身
设置为绝对
。简单的修复

你的链接应该有效;但是,您的一些脚本似乎试图使用XHR从
href
获取内容,而用户单击并阻止默认行为(打开链接),这会导致问题,因为这将是跨域的。那么,我该如何解决这个问题呢,路人?谢谢很难判断是哪个脚本导致了问题,因为您有这么多脚本。您是否拥有对源代码的完全访问权限,并且您是唯一的代码开发人员?我拥有完全访问权限是的,我正在drupal 7环境中开发此页面,但几乎可以自定义构建整个设计模板…如果您是响应此成就的人,那么,恐怕你也是必须追踪问题的人……如果你真的不知道发生了什么,这里有一个丑陋的解决方案:在该区域内的每个
中添加一个空的
onclick
属性。