문의드립니다.
본문
안녕하세요.
그누보드 5.3.3.2 갤러리 게시판 스킨 아래의 이미지처럼 작업할려고하는데요
이미지에 회색배경 넣고 제목 출력하게 하고 싶은데요.
고수님들 처리 방법 알려주시면 감사합니다.
답변 1
저부분만으로는 구체적으로 말씀드릴수 없지만.. 최대한 흐름을 말씀드리자면
<style>
a{display : block; position : relative; }
.subject{position : absolute; background-color : rgba(0,0,0,0.5); left : 0; bottom : -20px; height : 20px;}
</style>
<a>
<img src="이미지 경로">
<div class="subject">제목</div>
</a>
부모요소인 a에게 position 'relative' 값을 주고. 자식요소중 제목인 .subject에게 position 'absolut'값을 준다음 subject를 아래에 붙히면 원하는 바와같이 나올 수 있습니다.
답변을 작성하시기 전에 로그인 해주세요.