2010-08-03 57 views
0

我编辑这个职位与我的问题写在一个更简单的方式来理解。请看下面。使用Z指数,保证金不能推div从另一个

一些CSS我使用:

#wing_right 
{ 
    background-image:url("../images/poppadom.png"); 
    height:678px; 
    margin-right:-60px; 
    margin-left: 500px; 
    position:fixed; 
    right:0; 
    top:240px; 
    width:387px; 
    z-index:50; 
} 

更容易版本的问题理解的。我希望。

以下是我的网站的示意图。 - > | LW | CN | RW | LW =左翼CN =内容RW =右翼。左翼和右翼有非常类似的CSS。看到上面的CSS,唯一的区别是图像和它附在左翼上。内容低于z-指数,不能被翅膀覆盖。就像非常简单的图表一样,LW和RW随着浏览器大小调整而变化,这正是我想要的。然而,当你缩小浏览器窗口时,我需要一些东西来防止LW和RW覆盖内容。两翼的z-指数相同,而内容则位于较低的z-指数。

回答

0

较低级别的内容是固定宽度还是自动?如果它是自动的,那听起来像是正确的行为。您可以将最小宽度应用到您不希望被左侧和右侧图像“淹没”的图层。

+0

较低的内容级别具有固定宽度是。 – 2010-08-04 14:56:50

+0

你可以发布与CSS相结合的标记片段来显示http://jsfiddle.net/上的问题吗? – 2010-08-04 20:29:12

+0

我无法真正发布我为客户做的更多工作,而且工作还没有发布。我所能做的就是更多地讨论它。 – 2010-08-05 08:08:02

0

该元素不是相对或静态定位的,因此它不是“在流程中”,因此margin不会影响任何其他div。请发布完整的示例,因为这是一个非常直观的问题。