Question

我的链接在某些嵌套元素中变得无效，我遇到了问题。我通过Andy Budd的教程遵循了一些关于创建圆角盒的说明。无论如何，这一切都很有效，除非我将链接标签包裹在几个副本周围。我仍然是一个初学者，所以也许这是一个简单的修复，但我花了一天多的时间来试图自己弄清楚它似乎无法得到它。

为了清除这一点，链接在我将在下面列出的“box”元素之外的页面上的任何地方工作，并且我已经双重检查了“box”元素中的链接是否正确写入了它是。 CSS甚至可以正确地找到链接和样式，但是，鼠标功能似乎被禁用了。这一切都有意义吗？以下是CSS，非常感谢任何帮助...

这是创建框的代码，它可以正常工作......

.box {
    width:831px;
    background:url(../imgs/box-spacer.gif) repeat-y;
}

.box h1 {
    background:url(../imgs/box-top.gif) no-repeat left top;
    padding-top:40px;
    font-weight: normal;

}

.box .last {
    background:url(../imgs/box-bottom.gif) no-repeat left bottom;
    padding-bottom:60px;

}
.box h1, .box p {
    padding-left:60px;
    padding-right:60px;
}

这是我用来测试该页面将其视为链接的代码...

.box h1 a:link {
    color:#00CCFF;
}

.box h1 a:hover {
    color: #FF0066;
}

它正确地改变颜色，但悬停不起作用，如果你点击，它不会链接到任何地方。同样，链接在页面上正确写入。有人可以帮忙吗？我很感激。此外，如果网站有帮助，该网站即http://www.fiddlergroup.com/zygote。我用于测试的特定页面是“名称中的内容”页面。正如您将看到的，所有的代码和页面以及不是很简单的东西，似乎无法弄清楚如何解决这个奇怪的问题。

Answer 1

问题在于z-index: -100元素上的#holder。点击事件以body元素结束，而不是通过链接。删除负z-index，它应该可以工作。

CSS帮助请！ CSS嵌套元素停用链接

1 个答案: