在web应用程序相机上覆盖透明png

Overlay transparent png on web app camera

本文关键字:覆盖 透明 png 相机 web 应用程序      更新时间:2023-09-26

我正在使用移动设备相机创建一个web应用程序。尤其是ipad mini。

我使用的代码是:

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

谁能告诉我如何添加一个覆盖。

也许你可以这样做:

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

所有其他的类/id的z-index必须是较低的,以使该图像显示在所有其他图像之上