CSS의 absolute position으로 이미지 캡션 겹치기

지난 시간에서는 CSS의 absolute position의 기본적인 특징과 작동 매커니즘에 대해서 살펴보았는데요. 이번 시간에는 이를 응용해서 이미지 일부로 캡션을 넣는 방법에 대해서 알아보겠습니다.


📺 동영상: https://youtu.be/PvQraBFOnnw

📝 포스팅: https://www.daleseo.com/css-position-absolute-image-caption/

🧑‍💻 실습 코드:
• 이미지 하단 캡션 겹치기: https://codepen.io/daleseo/pen/ZEzvJvQ

• 이미지 상단 캡션 겹치기: https://codepen.io/daleseo/pen/bGbaraJ



HTML 요소를 원하는 위치에 배치하기 위해서 사용되는 CSS의 position 속성에 대해서 좀 더 공부하고 싶으시다면 아래 게시물도 참고해보세요 :)


📕 CSS의 5가지 position 속성 값 기본 정리: https://careerly.co.kr/comments/93201

📗 CSS의 fixed position을 통한 HTML 요소의 위치 고정: https://careerly.co.kr/comments/92417

📘 CSS의 fixed position으로 메뉴바 상단 고정하기 🔝: https://careerly.co.kr/comments/86578

📙 CSS의 absolute position 작동 메커니즘 이해: https://careerly.co.kr/comments/92417

CSS의 absolute position으로 이미지 캡션 겹치기 | 달레의 웹 프로그래밍

www.youtube.com

CSS의 absolute position으로 이미지 캡션 겹치기 | 달레의 웹 프로그래밍

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2023년 11월 8일 오후 7:45

 • 

저장 6조회 2,853

댓글 0

    함께 읽은 게시물

    직장생활은 결국 윗사람과 아랫사람이 나뉠 수밖에 없다. 기업들이 아무리 평등한 관계를 추구한다고 해도, 고용인과 피고용인의 관계마저 사라지는 것은 아니다. 아무리 평등하다 해도 월급 주는 사장님이 을이 될 수는 없지 않은가? 아무리 작은 조직이라도 일을 맡기는 사람과 일을 하는 사람이 존재한다.

    ... 더 보기

    리더 입장에서 보는 ‘일 못하는 직원’ TOP8,리더 입장에서 보는 ‘일 못하는 직원’ TOP8

    체인지그라운드,체인지그라운드

    리더 입장에서 보는 ‘일 못하는 직원’ TOP8,리더 입장에서 보는 ‘일 못하는 직원’ TOP8

    AI(LLM) 애플리케이션의 발전 속도가 AI 지능(능력)의 발전 속도를 따라가지 못하고 있는 상태가 되었다. 즉, 이제 AI가 부족한 것이 문제가 아니라, AI의 능력을 100% 활용하지 못하고 있는 것이 문제인 상태가 되었다는 이야기.

    조회 1,340


    《그렇게 해주세요》

    ... 더 보기

    게임의 완성도는 고객이 결정한다

    예술 작품은 작가의 생각을 표현하는 도구다. 따라서, 작가의 의도를 얼마나 잘 담아내고 있느냐가 중요하다. 그 의도를 대중이 몰라줄 수도 있고, 알지만 공감하지 못할 수도 있다. 그래도 괜찮다. 대중의 인정을 받지 못해도 예술성은 사라지지 않는다. 잘 만든 작품으로 남아있을 수 있다.

    ... 더 보기

    “To jobs that pay the rent! 집세 내주는 직장을 위해!” 영화 <악마는 프라다를 입는다>에 나온 대사다. 저널리스트를 꿈꾸는 대학 졸업생인 주인공. 하지만 그녀는 당장 생계를 위한 일자리가 급하다.

    ... 더 보기

    구성원의 ‘괴로운 밥벌이’를 ‘행복한 밥벌이’로 바꿔주려면? - HSG 휴먼솔루션그룹

    네이버 블로그 | HSG 휴먼솔루션그룹

    구성원의 ‘괴로운 밥벌이’를 ‘행복한 밥벌이’로 바꿔주려면? - HSG 휴먼솔루션그룹

    IT 회사의 업무에서, 지금까지는 디자이너와 특히 개발자가 병목이었는데, 대 AI 시대에는 기획자가 병목이 될 수도 있겠다. 조금이라도 규모가 있는 기업에서의 가장 큰 병목은 보통 의사결정자라는 것을 생각해보면 그렇다.


    즉, 실무보다 의사결정을 AI에게 맡기는 것이 병목을 해소할 수 있는 가장 확실한 방법이며, 그러므로 부장님과 사장님을 AI로 대체하는 것이야말로 인류의 번영을 위한 가장 빠른 지름길이다. (아님. 아니 맞나?!)