2010-08-03 55 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。請發佈完整的示例,因爲這是一個非常直觀的問題。