CSS在圖像上顯示圖像和文字

Question

我在頁面頂部有一個標題圖像寬度爲100％，高度爲120px。

我想在中心的Header Image上顯示標題文本。

我想在標題右側顯示另一個小圖像在標題圖像的高度的80％圖像的頂部和底部留下10％。

我想在小圖片的右側留下5px。因此，小圖像將看起來像在標題圖像上。

什麼是CSS來得到這個？

由於提前

Answer 1

我設定的圖像通過CSS背景，那麼我定位的其他元素，你在中心和其他小右圖所需的文本，通過兩個獨立的HTML絕對定位Divs標籤。確保將CSS ID標記設置爲相對...

<div style="width: 200px; height: 23px; position: absolute; right: 12px; top: 399px;" align="center">YOUR IMAGE OR TEXT HERE</div> 

當然，將參數設置爲您的需要。