백그라운드 fixed 모바일 대응하는 법..

백그라운드 fixed 모바일 대응하는 법..

QA

백그라운드 fixed 모바일 대응하는 법..

본문

백그라운드 fixed가 웹에선 당연히 이뿌게 잘 구현이 됩니다.

모바일 아이폰,아이패드에선 완전 이미지 깨져나오고, 고정이 전혀 안되네요..

 

해결책이나 스크립트가 있을까요?

 

html -


    <div id="cover">
        <div class="f_contact">
            <div class="f_c_p_box">
                <p class="f_c_p1">Start a project</p>
            </div>
        </div>
    </div>

 

css-


#cover {
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    @media (max-width: @iphone-screen) {
        background-attachment: scroll;
    }
}
 
.f_contact{ position:relative; background:url("../images/bg_footer.jpg") center center no-repeat #060606; background-size:cover; background-attachment:fixed; -webkit-overflow-scrolling:touch; height:300px; position:relative; width:100%;}
.f_c_p_box{position:absolute; top:12%; left:5%;}
.f_c_p_box .f_c_p1{color:#fff;}

이 질문에 댓글 쓰기 :

답변을 작성하시기 전에 로그인 해주세요.
전체 9
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT