테스트 사이트 - 개발 중인 베타 버전입니다

배경이미지 바꾸기.. 채택완료

Developerzasfsdfsd 7년 전 조회 2,880

안녕하세요,  메인 페이지 아래의  배경 섹션을 추가하여 그림만 바꾸어

삽입하려고  인덱스에서  id "home1" 추가후,  css   스타일시트에서  추가하였는데.

바뀌지 않네요,,,ㅡㅜ  

 

혹시 또다른 클래스를 만져야 하는지  고수님들의 답변 부탁드립니다.

 

<인덱스 소스>
            <section id="home" class="home bg-black fix">
                <div class="overlay"></div>
                <div class="container">
                   -------

                     -------

                        -------

<추가부분>

<section id="home1" class="home bg-black fix">
                <div class="overlay"></div>
                <div class="container">

 

<css 소스>

.home{
    background: url(../images/home-bg.jpg) no-repeat top center;
    background-size: cover;
    position: relative;
    padding-top: 300px;
    padding-bottom: 320px;
    width:100%;
}

 

<추가부분>

.home1{
    background: url(../images/home-bg1.jpg) no-repeat top center;
    background-size: cover;
    position: relative;
    padding-top: 300px;
    padding-bottom: 320px;
    width:100%;

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

답변 3개

채택된 답변
+20 포인트
7년 전

id 에 적용하려면 css 부분에서

.home1 이 아니라

#home1 으로..

로그인 후 평가할 수 있습니다

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

예제경로 그대로 넣으신거같은데

 background: url(../images/home-bg.jpg) no-repeat top center;

 

여기서 ../images 이건 예제샘플에 많이있고 그누보드는 img 입니다.

 

#home1로 바꾸시고

로그인 후 평가할 수 있습니다

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

s
sinbi Expert
7년 전

<section id="home" class="home1 bg-black fix">

 

처럼 넣어보세요.

로그인 후 평가할 수 있습니다

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

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

로그인