2009-11-20 79 views
0

我遇到了问题,我的链接在一些嵌套元素中变为无效。我遵循了一些关于通过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。我用于测试的特定页面是“名称中的内容”页面。正如你所看到的,所有的代码和页面以及哪些都不是非常简单,似乎无法弄清楚如何解决这个奇怪的问题。

回答

0

问题出在您的#holder元素上z-index: -100。点击事件在body元素上结束,并且没有将其关闭到链接。消除负Z指数,它应该工作。