如何让文字在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); 
}