메인 슬라이드 배너에 출력되는 텍스트를 고정하고싶은데요
1,352
2017.01.09 17:18
적용 테마명 또는 스킨명
-
적용 테마명 또는 스킨명 : company_h3
짧은주소
- - 짧은주소: http://v2.eyoom.net/bbs/?t=3hP 주소복사
본문
배경 이미지만 슬라이드되고, 그위에 출력되는 텍스트는 고정시키고 싶은데요
잘 안되네요 ㅠㅠ
css를 수정해야하나요?
<div id="demo" class="hte-slide-banner">
<div id="owl-demo" class="owl-carousel">
<div class="item" style="background-image:url('../image/header_slider/slider_1.jpg');">
<div class="hte-slide-content">
text 내용
</div>
</div>
<div class="item" style="background-image:url('../image/header_slider/slider_2.jpg');">
<div class="hte-slide-content">
text 내용
</div>
</div>
</div>
0
레벨 5
경험치 2,527
Progress Bar 53%
- 가입일 : 2016-03-28 14:33:23
- 서명 :
- 자기소개 :
Total 2,281건 7 페이지
게시판 이용안내
이윰빌더를 이용하시는 모든 회원님들이 서로 궁금한 부분을 질문 또는 답변을 하며 문제점을 서로 해소할 수 있는 공용 질답 게시판입니다.
질문 시 기본적인 예절을 지켜주세요.
- 질문 시 바른말을 이용 해 주세요.
- 질문자의 상황을 다른이가 예측하기 힘듭니다. 오류가 난 상황이나 환경등을 최대한 자세하게 알려주셔야만 원하시는 답을 얻을 확률이 높습니다.
- 질문의 유형에 따라 틀릴 수 있지만 문제가 되는 해당 페이지 주소가 있으면 가장 근접한 해법이 나올 가능성이 큽니다.
- 원하시는 답을 얻으시면 감사의 말씀을 전하는 센스를 발휘 해 주세요.
- 질문 전 한번쯤 읽어볼만한 글 : http://eyoom.net/bbs/board.php?bo_table=qna&wr_id=74
| 번호 | 제목 | 글쓴이 | 날짜 | 뷰 |
|---|---|---|---|---|
| 2,161 |
샤니20
|
2017.01.13 | 503 | |
| 2,160 |
왕의남자
|
2017.01.12 | 408 | |
| 2,159 |
GNDOON
|
2017.01.12 | 387 | |
| 2,158 |
maxform
|
2017.01.11 | 433 | |
| 2,157 |
의숑이
|
2017.01.10 | 427 | |
| 열람 |
GNDOON
|
2017.01.09 | 1,353 | |
| 2,155 |
언약
|
2017.01.06 | 550 | |
| 2,154 |
지스타온
|
2017.01.05 | 543 | |
| 2,153 |
지스타온
|
2017.01.05 | 359 | |
| 2,152 |
지스타온
|
2017.01.05 | 426 | |
| 2,151 |
Tyga
|
2017.01.05 | 343 | |
| 2,150 |
플라잉피그
|
2017.01.02 | 526 | |
| 2,149 |
건강전도자
|
2016.12.31 | 429 | |
| 2,148 |
영희
|
2016.12.30 | 378 | |
| 2,147 |
알라딘
|
2016.12.28 | 834 | |
| 2,146 |
Tyga
|
2016.12.27 | 672 | |
| 2,145 |
hesy
|
2016.12.26 | 528 | |
| 2,144 |
Tyga
|
2016.12.26 | 673 | |
| 2,143 |
hesy
|
2016.12.24 | 582 | |
| 2,142 |
큐디
|
2016.12.22 | 544 |
댓글목록
이윰EGG님의 댓글
슬라이드는 .item 클래스를 가진 각각의 div 가 출력되며 되는 액션에 따라 .item 은 이동을 하게 되는 것 입니다.
.item 안에 텍스트 문구는 그에 따라 이동을 하게 됩니다.
텍스트를 고정한다면 슬라이드 되는 .item 밖으로 옮겨주고 그에 맞게 css 스타일을 적용하면 되겠습니다.
아래와 같이 html을 구성하고 2줄 <div>text 내용</div> 부분에 css 스타일을 부여하기 바랍니다.
사용될 css는 .hte-slide-content 속성을 참고하시기 바라며 주 사용될 스타일 속성은 position, top, left, z-index 등일 될 것입니다.
<div id="demo" class="hte-slide-banner"> <div>text 내용</div> <div id="owl-demo" class="owl-carousel"> <div class="item" style="background-image:url('../image/header_slider/slider_1.jpg');"> </div> <div class="item" style="background-image:url('../image/header_slider/slider_2.jpg');"> </div> </div> </div>감사합니다.
축하합니다. 첫댓글 포인트 57포인트를 획득하였습니다.
GNDOON님의 댓글
감사합니다!!!!!!! 공부 많이 하겠습니다!!!
축하합니다. 지뢰폭탄 포인트 16포인트를 획득하였습니다.
축하합니다. 행운의 포인트 67포인트를 획득하였습니다.