使用Z-index,保证金无法将div推离另一个

时间:2010-08-03 16:33:09

标签: html css z-index layer

我已经编辑了这篇文章,我的问题用一种更简单的方式来理解。请看下面。

我正在使用的一些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-index方面低于标准,并且不能被翅膀覆盖。就像非常简单的图表一样,LW和RW随着浏览器调整大小而移动,这就是我想要的。但是,当您使浏览器窗口变小时,我需要一些东西来防止LW和RW覆盖内容。两翼都在相同的z指数上,内容在较低的z指数上。

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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