Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html div部分背景图像透明度,继承车身背景图像_Html_Css - Fatal编程技术网

Html div部分背景图像透明度,继承车身背景图像

Html div部分背景图像透明度,继承车身背景图像,html,css,Html,Css,我有一个简单的HTML表单,里面有一个提交按钮。主体具有背景图像: 我想显示另一个div,其图像继承自body,如下所示: 第二个div具有绝对位置,如您所见,是从body继承的背景图像(或透明颜色): 我怎样才能做到这一点? 谢谢使用背景附件:修复并将相同的背景应用于箭头和主体: .box{ 宽度:40%; 高度:100vh; 左边距:自动; 边框:2倍实心; 框大小:边框框; 背景:#fff; } 身体{ 保证金:0; 背景:url(https://picsum.photos/id/

我有一个简单的HTML表单,里面有一个提交按钮。主体具有背景图像:

我想显示另一个div,其图像继承自body,如下所示:

第二个div具有绝对位置,如您所见,是从body继承的背景图像(或透明颜色):

我怎样才能做到这一点?
谢谢

使用
背景附件:修复
并将相同的背景应用于箭头和主体:

.box{
宽度:40%;
高度:100vh;
左边距:自动;
边框:2倍实心;
框大小:边框框;
背景:#fff;
}
身体{
保证金:0;
背景:url(https://picsum.photos/id/1016/800/800)中心/盖固定;
}
.阿罗{
位置:绝对位置;
高度:50vh;
右:30%;
顶部:计算(50%-25vh);
边界半径:17%;
背景:url(https://picsum.photos/id/1016/800/800)中心/盖固定;
}