保留td的底部

我有td，它的背景設置爲底部。我想保留我的h2標籤在該背景之上。但td的高度可能會從一個td更改爲另一個。保留td的底部

我期望的是下面的東西。 css有幫助嗎？

enter image description here 感謝

是什麼，應該在H2和背景之間去？如果不是，那麼在背景圖片和h2中創建一個div，並將其放在需要的位置。你可以控制div的大小 – DefyGravity

css td valign =「bottom」並添加填充到底部的td上？ –

您是否希望將h2垂直放置在背景上方或背景上方的* z-index *上？你選擇的單詞是不明確的，儘管你的圖像表明你的意思是前者。 – Blazemonger

嘗試增加你的背景來h2元素（使用CSS），而不是到TD。然後在td上使用vertical-align: bottom強制它到底。

td { 
    vertical-align: bottom; 
    text-align: center; 
} 
h2 { 
    background-image: url(whatever.png); 
}

2011-11-16 15:29:34 Blazemonger

只要把底部填充的td背景圖像的高度。

2011-11-16 15:15:42 deviousdodo

在您的表格單元格上使用vertical-align: bottom並添加一些與背景高度相匹配的padding-bottom。

編輯：如果你想讓它在背景之上坐，只是刪除了底部填充，這樣的：http://jsfiddle.net/wqAkF/

2011-11-16 15:15:45 Leo

我試過了，但是當td的高度發生變化時，h2會移開 –

您是使用display：inline-block還是使用浮動？ – ToddBFisher

我在那裏添加了一個jsfiddle，所以你可以有一個工作的例子。 – Leo

在沒有看到代碼，很難說。但是，你很可能

vertical-align:top;

爲td

2011-11-16 15:16:21

在他的情況下，'vertical-align：bottom;' –

回答