Hello, World!
이전 목록 다음
채택완료

바탕 이미지를 넣고 싶습니다.

허허걱김선생
프로필 보기이 회원 글보기이 회원의 댓글보기
 2년 전 1,955

수고 하십니다.

 

Copy 
<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>

 

공간에 바탕 이미지를 넣고 싶은데

아래 코드를 넣어 봐도 나타나지 않고 어렵네요.

 

조언 좀 얻을 수 있을까요?

 

감사합니다.

 

 

Copy 
<div class="backgroundimg">
            <div class="visual_area" style="background:url('/html/image/sub_visual01.jpg') no-repeat top center;"></div>
</div>
바탕이미지
|

답변 3개

채택된 답변
+20 포인트
웹웹메이킹
프로필 보기이 회원 글보기이 회원의 댓글보기
 2년 전

다음과 같은 방법도 있으니 참고해 보세요

Copy 
<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;*/
}
균균이
프로필 보기이 회원 글보기이 회원의 댓글보기
 2년 전

div 높이를 지정해야 보일 겁니다

<style>

.visual_area{height:300px;}

</style>

위위버
프로필 보기이 회원 글보기이 회원의 댓글보기
 2년 전

이미지경로에서 /html 을 지워보세요

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