gpt4 book ai didi

html - 如何在另一个背景图像上获取带有文本的div

转载 作者:行者123 更新时间:2023-11-28 18:00:17 25 4
gpt4 key购买 nike

我需要像这样获取div内容

enter image description here

其中“time”是background-image上的文字

最佳答案

使用 CSS 定位技术,这里只是在设置为 position: relative; 的父元素下嵌套一个设置为 position: absolute; 的元素.我还使用 rgba 作为不透明 border 最后但并非最不重要的是,我使用 bottomright 属性设置为 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);
}

关于html - 如何在另一个背景图像上获取带有文本的div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20582933/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com