如何讓文字在div上的另一個背景圖像

Question

我需要得到div內容這樣

其中「時間」是在background-image

Answer 1

使用CSS定位技術文本，這裏我什麼都不做，只是嵌套一個設置爲position: absolute;的元素，它被設置爲position: relative;的父元素下。此外，我正在使用rgba作爲不透明的border，最後但並非最不重要的是使用bottom和right屬性設置爲0來將定時器放置在右下角。

Demo

div { 
    height: 200px; 
    width: 280px; 
    background: url(http://pimg.tradeindia.com/00288122/b/0/Our-Valuable-Client-List-Click-on-Image-.jpg); 
    border: 5px solid rgba(0,0,0,.4); 
    position: relative; 
} 

div span { 
    position: absolute; 
    right: 0; 
    bottom: 0; 
    padding: 5px; 
    font-weight: bold; 
    font-size: 14px; 
    font-family: Arial; 
    color: #fff; 
    background: rgba(0,0,0,.5); 
}