如何跨越表

我有一張桌子和一個口罩面具，這裏有一個例子：如何跨越表

<div><div style='width:100%;height:100%;z-index:999;position:absolute;background-color:#000000;opacity:0.6;' id='tableMask'> 
</div> 
<table style='padding:5px;text-align:center;border-collapse:collapse;' id='applicationsTable'> 
<tr><td>content</td><td>content</td><td>content</td></tr> 
<tr><td>content</td><td>content</td><td>content</td></tr> 
<tr><td>content</td><td>content</td><td>content</td></tr> 
</table></div>

我想表面膜僅跨越表格的寬度和高度，沒有進一步的，但它需要的整個頁面。我能做什麼？

來源

2014-10-10 RoyTek

放置外'div'相對位置，以便它作爲絕對定位元素的參考點。如果不是已經存在的話（通過'display：inline-block'指定 – CBroe 2014-10-10 12:12:36

）來表示你的問題並且你的代碼檢查table標記的style屬性，那麼你已經把它加倍了。 – thetont 2014-10-10 12:19:45

只是添加位置：相對於父div。

<div style="position:relative"><div style='width:100%;height:100%;z-index:999;position:absolute;background-color:#000000;opacity:0.6;' id='tableMask'> 
    </div> 
    <table style='padding:5px;text-align:center;border-collapse:collapse;' id='applicationsTable'> 
    <tr><td>content</td><td>content</td><td>content</td></tr> 
    <tr><td>content</td><td>content</td><td>content</td></tr> 
    <tr><td>content</td><td>content</td><td>content</td></tr> 
    </table></div>

來源

2014-10-10 12:13:14 thetont

回答

相關問題