채택완료

문의드립니다.

2020-09-15 (화) 22:13:03 1,553

안녕하세요.

그누보드 5.3.3.2  갤러리 게시판 스킨  아래의 이미지처럼 작업할려고하는데요

이미지에 회색배경 넣고 제목 출력하게 하고 싶은데요.

고수님들 처리 방법 알려주시면 감사합니다.

3530834577_1600175470.7697.png

답변 1개

채택된 답변
+20 포인트
2020-09-15 (화) 22:20:32

저부분만으로는 구체적으로 말씀드릴수 없지만.. 최대한 흐름을 말씀드리자면

<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를 아래에 붙히면 원하는 바와같이 나올 수 있습니다.

답변을 작성하려면 로그인이 필요합니다.