웹 앱 카메라의 오버레이 투명 PNG

Question

휴대 기기 카메라를 사용하여 웹 앱을 만들고 있습니다. 특히 ipad 미니.

나는 코드를 사용하고 있습니다 :

그래서 전체 화면은 카메라와 함께 팝업,하지만 카메라의 상단에 투명한 이미지를 오버레이합니다. 예를 들어 오른쪽 위 모서리의 태양을 찍으면 사진을 찍을 때 태양이 카메라에도 나타납니다.

오버레이 추가 방법을 도와 줄 수있는 사람이 있습니까?

고마워요.

Answer 1

아마 당신은이를 사용할 수 있습니다

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

모든 다른 클래스/아이디의이 이미지는 모든 다른 사람을 통해 팝업 만들 수있는 낮은 Z- 인덱스해야합니다.