1. 首頁
  2. 問答
  3. 如何將一個div放在另一個div上面？

如何將一個div放在另一個div上面？

2011-07-12 175 views
1

我有一個佈局，看起來像這樣： http://img33.imageshack.us/img33/4637/unleddrawing.png如何將一個div放在另一個div上面？

它有一張桌子上頂部下方三個單元電池和。 三個單元格是150px，auto，200px。

在中間的單元格中我有一個包含日曆的div。 我希望能夠將另一個div放在這個頂部，以便「模糊」它，並使其在我處理ajax請求時不可用。

我試着

position: absolute; 
margin-left:150px; 
margin-right:200px; 
width:100%

造型的opacy-DIV但原來，寬度100％，是整個畫面的100％，不只是細胞。

我試圖把股利代碼日曆格下方，與它造型：

position: relative; 
top: -100%; 
height: auto;

但是，這似乎並沒有在所有的工作，因爲我沒有辦法知道有多高的日曆將是，所以我不能確定身高，我應該把它移動多少。

任何幫助將不勝感激。 // Andreas

來源

2011-07-12 Andreas Larsson

回答

5

您需要將容器div放置在可模糊單元格內，圍繞單元格的內容。

<tr> 
    <td>...</td> 
    <td> 
    <div style="position: relative"> 
     <div id="calendar">...</div> 
     <div id="blur"></div> 
    </div></td> 
etc...

這樣你保證絕對定位將相做這個div容器，並沒有任何元素更遠了樹是相對的（這很可能是<body>或<html>）。

來源

2011-07-12 17:37:07

+0

沒錯，就是工作！ –

相關問題

 相關問題