
[Tailwind CSS] div에 배경 이미지 적용하기 (tailwind config.js 활용)
·
🪴 HTML & CSS
😊 4.9 (+ next.js) next.js 프로젝트를 진행하면서 tailwind css를 활용 중이다 와이어프레임 디자인에 따라, 헤더는 투명하게 우선 두고 그 뒤에 배경 이미지가 전체적으로 적용이 되어야했다 이를 위해 여러 방법을 시도해보다가 아래의 (3) 방법으로 해결 ! (하지만 -다음 글에서 또 쓰겠지만 .. 배경이미지를 두고 헤더를 페이지 전체에 적용하려면 (배경이미지 구역에만 적용하는것이 아닌), 아래의 방법이 아니라 Image (next제공) 태그를 별도로 써야했다 ! 😅) (1) 시도 : bg-[url('경로')] div 에 배경 이미지를 적용하고 싶어 알아봤는데, bg-[url('/app/_assets/image/mainpage/main.png')] 위와 같이 bg-[url('경로')..