바탕 이미지를 넣고 싶습니다.
본문
수고 하십니다.
<div id="sub_tit">
<div class="title">안녕하세요.</div>
<section id="sub_visual03">
<div class="txts">
<center><a href="#none" class="btn_view animated" data-swiper-animation="fadeInUp" data-duration="1.2s" data-delay="0.9s"">자세히보기</a></center>
</div>
</section>
</div>
공간에 바탕 이미지를 넣고 싶은데
아래 코드를 넣어 봐도 나타나지 않고 어렵네요.
조언 좀 얻을 수 있을까요?
감사합니다.
<div class="backgroundimg">
<div class="visual_area" style="background:url('/html/image/sub_visual01.jpg') no-repeat top center;"></div>
</div>
답변 3
다음과 같은 방법도 있으니 참고해 보세요
<div id="sub_tit">
<div class="title">안녕하세요.</div>
<section id="sub_visual03" class="backgroundimg"> <!-- backgroundimg 클래스 추가 -->
<div class="txts">
<center><a href="#none" class="btn_view animated" data-swiper-animation="fadeInUp" data-duration="1.2s" data-delay="0.9s">자세히보기</a></center>
</div>
</section>
</div>
.visual_area {
background: url('/image/sub_visual01.jpg') no-repeat top center; /* 배경 이미지 적용 */
height:500px; /* 원하는 값으로 조정 또는 height:auto;*/
}
이미지경로에서 /html 을 지워보세요
div 높이를 지정해야 보일 겁니다
<style>
.visual_area{height:300px;}
</style>
답변을 작성하시기 전에 로그인 해주세요.