javascript - 在网络应用相机上叠加透明png

Question

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

我正在使用代码:

所以全屏弹出一个摄像头，但我想在摄像头上叠加一个透明图像。因此，例如右上角的太阳，所以当拍摄照片时，太阳也会出现在相机中。

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

非常感谢。

Answer 1

也许你可以用这个:

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

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