我一直在试图弄清楚如何让我的链接在分层 div 中工作
我有一个包含其他两个 div 的大 div:
- 包含内容的主 div 和
- 我的菜单的导航 div
问题是它main div
与导航 div 重叠,我希望我的链接成为(丝带),这样看起来它们在悬停时被拉出。但它们根本就不是活动链接吗?我的CSS如下:
.navigate {
width: 1020px;
height: 300px;
position: absolute;
right: 0;
left: 0;
margin-left: auto;
margin-right: auto;
top: 190px;
z-index: -1;
border: 1px solid red;}
和
.main {
background: url("../images/papir.png") no-repeat center; /* papir.png bredde=1020px */
margin-left: auto;
margin-right: auto;
margin-top: 150px;
margin-bottom: 7em;
width: 1020px; /* 1020px */
height: 752px; /* 752px */
z-index: 0;
border: 1px solid green; }
就像navigation div
是背后的东西:$
当我将其更改z-index
为 0 时,navigation div
它工作得很好,只是 div 不在main div
..
我试图用
body {
position: relative;
z-index: 0; }
在某处阅读它应该可以解决问题 - 但不适合我
任何想法如何解决它?
提前致谢