코딩 관련 문의 드립니다. (버튼영역이 겹치는 레이아웃)
본문
아래 첨부된 이미지와 같이 1~5번 버튼이 겹쳐져 보이게 하고, 각 버튼에 오버롤 효과를 주고 싶은데요.
버튼이 겹쳐져 있는 영역들이 있어서, 어떻게 구현해야 할 지 모르겠네요.
이런 경우에 어떻게 코딩해야 할까요?
조언 부탁 드려요.
답변 3
<style>
div {
background-color: red;
opacity: 0.5;
filter: Alpha(opacity=50); /* IE8 이하 호환을 위해서 */
}
</style>
<div>hello world</div>
opacity 응용하시면 되실듯 합니다.
아니면 버튼을 이미지로 만드신뒤에 png 파일로 70% 정도 투명도를 주신뒤 불어와서 겹치셔도 될것같아요
답변을 작성하시기 전에 로그인 해주세요.