1

我在我的网站上放置对象时遇到了一些问题......

我想要的只是将彩色物品放在主容器下。所以navigation_groupsdiv 应该放在main_container.

<div class="navigation_groups">
     // Navigation              
</div>
<div class="main_container">
    <div class="main_container_top"></div>
    <div class="main_container_middle"></div>
    <div class="main_container_bottom"></div>
</div>

我试过玩position,但由于某种原因,如果我添加一个absoluteorrelative属性,de 中的链接navigation_groups就会消失......我该如何解决这个问题?

z-index 属性也不起作用...

4

2 回答 2

1

问题是当你把菜单放在后面时,它变得无响应,因为内容 div 完全覆盖了菜单空间。

你需要重新设计你的元素有点不同..

.main_container {
    margin: -90px 0 0 132px;
    position: relative;
}

.main_container_top {
    /*whatever you have but change the positioning of the background image to*/
    background-position: 0 10px;
}

.main_container_middle {
    /*whatever you have but change the positioning of the background image to*/
    background-position: 0 10px;
    /*and the padding to*/
    padding: 30px 0 30px 56px;
}

.main_container_bottom {
    /*whatever you have but change the positioning of the background image to*/
    background-position: -7px 0;
}

.navigation_groups {
    /*change the following to*/
    position: relative;
    z-index:0;
}

我们实际上所做的,除了删除负 z-index 之外,将元素向右推 124px 并通过将它们的填充和背景定位校正相同的量来修复所有受影响的元素。

于 2012-09-20T21:52:44.420 回答
0

使用时position:absolute,需要position:relative在父项上声明为定位提供零参考点,否则最终使用 BODY 作为参考点。

如果没有看到您的 CSS,就很难解决您的问题。

于 2012-09-20T21:43:11.770 回答