我们的网站中有如下图片
在我们显示文本的图像底部,我们想为该文本提供背景阴影,如下所示:
.fanbook-img img {
width: 100% !important;
}
img {
display: block;
}
, *:before, *:after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
最佳答案
HTML -
<div id="img"><div id="text"><p>text </p></div><div>
CSS-
#img{
background-image: url('');
}
#text{
background-color: rgba(?,?,?,0.5);
padding: 10px 10px;
margin: 0 ;
}
关于html - 为图像上的文本提供背景阴影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37859795/