我遇到了问题,我的链接在一些嵌套元素中变为无效。我遵循了一些关于通过Andy Budd的教程创建圆角盒子的指导。无论如何,除了当我将链接标签包装在几个副本上时,它一切都很好。我还是一个初学者,所以也许这是一个简单的解决方法,但是我已经花了好几天的时间,现在试图自己弄清楚,似乎无法得到它。CSS帮助请! CSS嵌套元素去激活链接
为了解决这个问题,链接在我将在下面列出的“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。我用于测试的特定页面是“名称中的内容”页面。正如你所看到的,所有的代码和页面以及哪些都不是非常简单,似乎无法弄清楚如何解决这个奇怪的问题。