STOTV NOW [트러블 슈팅(1)] - HTML 요소를 이미지 요소 위에 배치하기

오늘은 STOTV NOW 로그인 페이지를 구현하다 로그인 폼을 이미지 위에 배치를 하는 방법에 애를 먹은 내용을 간단히 서술하려고 한다. 0. 닥친 문제 실제 STOTV NOW 로그인 화면 실제 웹사이트의 로그인 화면은 이렇다.

배경화면 이미지가 있고 로그인 폼이 그 우측 위에 떠있다. 처음에는 CSS를 공부할 때 배웠던 float : right 를 활용해서 배경화면 이미지 위에 로그인 폼을 띄우려고 했다.

// 배경화면 요소 // 로그인 폼 요소 // 로그인 폼 구현 내용 생략 .Login .backgound .backgound_img{ height: 100%; width: 100%; } .Login .right{ float : right...