表格單元格中絕對定位的偽元素未覆蓋IE9 / 10中的父級

Question

我有一個嵌套的div設置，顯示為table和table-cell，其中每個單元格都有一個絕對定位的:before元素，該元素覆蓋了整個單元格。 除IE9、10和11中的before元素僅覆蓋單元格的內容部分之外，此方法在所有地方都可以正常使用。

 div.wrap { display: table; } div.wrap > div { background: green; display: table-cell; position: relative; } div.wrap > div:before { background: red; display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } div.wrap > div > * { position: relative; /* render on top of overlay */ } 

 <div class="wrap"> <div> <h2> Content number 1 </h2> </div> <div> <h2> Content number 2 </h2> <p> With more content </p> </div> </div> 

有人知道這可以解決嗎？

Answer 1

我最終解決的方法是簡單地給:before元素一個可笑的min-height （在我的情況下為2000px，但取決於您的用例）以及overflow: hidden在表格單元中。