Css 具有梯度效果的背景图像
我怎样才能重现这种效果 其中图像是具有Css 具有梯度效果的背景图像,css,Css,我怎样才能重现这种效果 其中图像是具有渐变的背景，其中有一个线性div，其内容是透明的，并且该内容不继承主div的线性渐变 到目前为止，我做到了： .wrapper\u后台{ 宽度：500px； 高度：300px； 背景图像：url（'http://www.cvc.com.br/media/6016178/galeria-salvador-elevador_lacerda_017-credito-divulga%C3%A7%C3%A3ocvc.jpg'); 背景尺寸：封面； 背景位置：中心；
渐变的背景，其中有一个线性div，其内容是透明的，并且该内容不继承主div的线性渐变
到目前为止，我做到了：
.wrapper\u后台{
宽度：500px；
高度：300px；
背景图像：url（'http://www.cvc.com.br/media/6016178/galeria-salvador-elevador_lacerda_017-credito-divulga%C3%A7%C3%A3ocvc.jpg');
背景尺寸：封面；
背景位置：中心；
-webkit盒阴影：嵌入0.10px 40px rgba（0,0,0,0.8）；
盒影：嵌入0.10px 40px rgba（0,0,0,0.8）；
位置：相对位置；
保证金：50px 0px 80px 0px；
左：50%；
转化：translateX（-50%）；
显示器：flex；
对齐项目：居中；
对齐内容：中心；*/
}
.内容{
宽度：80%；
身高：80%；
边界半径：25px；
溢出：隐藏；
边框：1px纯黑；
背景色：透明；
}
在CSS3中，完全可以通过半透明边框来实现这一点：
.wrapper\u后台{
宽度：500px；
高度：300px；
背景图像：url（'http://www.cvc.com.br/media/6016178/galeria-salvador-elevador_lacerda_017-credito-divulga%C3%A7%C3%A3ocvc.jpg');
背景尺寸：封面；
背景位置：中心；
}
.内容{
宽度：100%；
身高：100%；
边框：50px实心rgba（0,0,0,0.4）；
框大小：边框框；
溢出：隐藏；
}
不需要额外的元素。检查这把小提琴。顺便说一句，边缘在OP的解释中有边界半径。哇！Veery simple，我要走一条艰难的路。非常感谢@格林先生，你的例子甚至很简单。在元素本身内部。