html - 为图像上的文本提供背景阴影

Question

我们的网站中有如下图片

在我们显示文本的图像底部，我们想为该文本提供背景阴影，如下所示:

.fanbook-img img {
    width: 100% !important;
}

    img {
        display: block;
    }

    , *:before, *:after {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

Answer 1

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 ;
}