在网络应用程序摄像头上覆盖透明png

Question

我正在使用移动设备摄像头创建一个Web应用程序。 特别是ipad mini。

我正在使用代码：

因此，用相机弹出了全屏，但是我想在相机顶部叠加一个透明图像。 因此，例如，右上角有太阳，因此在拍摄照片时，照相机中也会出现太阳。

任何人都可以帮助我如何添加叠加层。

非常感谢。

Answer 1

也许你可以使用这个：

#IdOfImage{
    background: url('YourImageHere')
    opacity: 0.5;
    z-index: 100;
}

所有其他类/ id必须具有较低的z-index，以使此图像在所有其他类/ id上弹出。