rgba
-
레아이웃 팝업창 투명도 조절 :: 마이구미HTML, CSS 2017. 1. 5. 21:40
이번 글은 레이아웃 팝업창에 대해서 다뤄본다.팝업창은 누구나 보았거나 개발해봤으리라 생각한다. 팝업창은 크게 2가지로 나눌 수 있다.1. window.open을 사용해 새창으로 팝업창을 띄우기2. 새창을 띄우지 않고 레이아웃 형식으로 팝업창 띄우기 이번 글은 레이아웃 형식의 팝업창에 대해 다룰 것이다.레이아웃 팝업을 사용한다면 거의 투명도 조절을 하리라본다. 위처럼 팝업을 띄우고 팝업 주변은 불투명하게 보여지는 것을 볼 수 있다.레이아웃 팝업은 이런 식으로 많이 활용하고 있다. 구현에 있어서는 어렵지 않다.css를 통해 opacity 속성을 통해 투명도를 조절해주면 된다.#popup { opacity : 0.5; } // 0~1 낮아질수록 투명예를 들어 html로 레이아웃 팝업을 위해서는 아래와 같이 구..