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

스크롤을 내릴때 배경으로 넣은 영상이 이미지위로 뜨는경우

워윅선생님 7년 전 조회 2,636

</p>

<p><style type="text/css"></p>

<p>div.pomelo_main_wrap { padding-left:67px;}</p>

<p>div.video_bg_tab {position:relative; height:428px;}

div.video_bg_tab a.video_btn {width:424px; height:414px; background-repeat:no-repeat; background-position:top; font-size:0; position:absolute; top:0; left:0; z-index:9999999999;}

div.video_bg_tab a.video_btn img {width:424px; height:414px;}

div.video_bg_tab a.video_btn01 {background-image:url(/images/mobile/main_visual01_btn01.png);}

div.video_bg_tab a.video_btn02 {background-image:url(/images/mobile/main_visual02_btn01.png);}

div.video_bg_tab a.video_btn03 {background-image:url(/images/mobile/main_visual03_btn01.png);}

div.video_bg_tab a.video_btn04 {background-image:url(/images/mobile/main_visual04_btn01.png);}

div.video_bg_tab video {width:440px; float:right; z-index:1;}</p>

<p>div.video_botton_txt {clear:both; margin-top:15px; padding-bottom:80px;}

</style></p>

<p>    <div class="pomelo_main_wrap">

        <div class="video_bg_tab">

            <a href="/sub01.php" class="video_btn01 video_btn"><img src="/images/mobile/main_visual01_btn01.png" alt="ABOUT US" /></a>

            <video id="pomelo01" playsinline autoplay muted loop><source src = "/movie/draw_01.mp4" type="video/mp4"></video>

        </div>

        <div class="video_botton_txt"><img src="/images/mobile/main_visual01_txt01.png" alt="(주)포멜로는 다양한 경험과 새로운 Concept으로 생각을 실현하는 Creative Design을 제안합니다." /></div></p>

<p>        <div class="video_bg_tab">

            <a href="/bbs/board.php?bo_table=exhibit" class="video_btn02 video_btn"><img src="/images/mobile/main_visual02_btn01.png" alt="EXHIBIT DESIGN" /></a>

            <video id="pomelo01" playsinline autoplay muted loop><source src = "/movie/draw_02.mp4" type="video/mp4"></video>

        </div>

        <div class="video_botton_txt"><img src="/images/mobile/main_visual02_txt01.png" alt="(주)포멜로는 다양한 경험과 새로운 Concept으로 생각을 실현하는 Creative Design을 제안합니다." /></div></p>

<p>        <div class="video_bg_tab">

            <a href="/bbs/board.php?bo_table=steel" class="video_btn03 video_btn"><img src="/images/mobile/main_visual03_btn01.png" alt="STEEL DESIGN" /></a>

            <video id="pomelo01" playsinline autoplay muted loop><source src = "/movie/draw_03.mp4" type="video/mp4"></video>

        </div>

        <div class="video_botton_txt"><img src="/images/mobile/main_visual03_txt01.png" alt="(주)포멜로는 다양한 경험과 새로운 Concept으로 생각을 실현하는 Creative Design을 제안합니다." /></div></p>

<p>        <div class="video_bg_tab">

            <a href="/bbs/board.php?bo_table=environment" class="video_btn04 video_btn"><img src="/images/mobile/main_visual04_btn01.png" alt="ENVIRONMENT DESIGN" /></a>

            <video id="pomelo01" playsinline autoplay muted loop><source src = "/movie/draw_04.mp4" type="video/mp4"></video>

        </div>

        <div class="video_botton_txt"><img src="/images/mobile/main_visual04_txt01.png" alt="(주)포멜로는 다양한 경험과 새로운 Concept으로 생각을 실현하는 Creative Design을 제안합니다." /></div>

    </div></p>

<p>

 

http://pomelo.kr/index.php?device=mobile

 

 

링크로 들어가보시면 모바일버전에서 스크롤을 내릴때 자꾸 영상이 이미지 위로 뜨는경우가 있는데

영상을 이미지 버튼 뒤로만 나오게 하려면 어떻게 해야될지 모르겠네요;

 

익스플로러등에선 문제가 안보였지만 크롬에서 문제가 나타납니다

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

답변 1개

7년 전

<table>에 영상을 넣으세요.

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

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

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

로그인