메인 슬라이드 배너에 출력되는 텍스트를 고정하고싶은데요
1,540
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건 1 페이지
게시판 이용안내
이윰빌더를 이용하시는 모든 회원님들이 서로 궁금한 부분을 질문 또는 답변을 하며 문제점을 서로 해소할 수 있는 공용 질답 게시판입니다.
질문 시 기본적인 예절을 지켜주세요.
- 질문 시 바른말을 이용 해 주세요.
- 질문자의 상황을 다른이가 예측하기 힘듭니다. 오류가 난 상황이나 환경등을 최대한 자세하게 알려주셔야만 원하시는 답을 얻을 확률이 높습니다.
- 질문의 유형에 따라 틀릴 수 있지만 문제가 되는 해당 페이지 주소가 있으면 가장 근접한 해법이 나올 가능성이 큽니다.
- 원하시는 답을 얻으시면 감사의 말씀을 전하는 센스를 발휘 해 주세요.
- 질문 전 한번쯤 읽어볼만한 글 : http://eyoom.net/bbs/board.php?bo_table=qna&wr_id=74
| 번호 | 제목 | 글쓴이 | 날짜 | 뷰 |
|---|---|---|---|---|
| 2,281 |
이상민님
|
2017.07.28 | 3,400 | |
| 2,280 |
플레이온
|
2017.07.25 | 984 | |
| 2,279 |
돌맹이
|
2017.07.24 | 2,381 | |
| 2,278 |
Hubert
|
2017.07.21 | 1,643 | |
| 2,277 |
Hubert
|
2017.07.18 | 1,080 | |
| 2,276 |
종달
|
2017.07.16 | 849 | |
| 2,275 |
종달
|
2017.07.09 | 2,096 | |
| 2,274 |
잘안되네요
|
2017.07.07 | 652 | |
| 2,273 |
잘안되네요
|
2017.07.06 | 728 | |
| 2,272 |
m3palma
|
2017.07.05 | 816 | |
| 2,271 |
드봉
|
2017.07.05 | 1,583 | |
| 2,270 |
ㄷㅊㅎ
|
2017.07.04 | 736 | |
| 2,269 |
플래닛
|
2017.07.01 | 1,302 | |
| 2,268 |
김기린님
|
2017.06.29 | 1,702 | |
| 2,267 |
자유롭게
|
2017.06.29 | 1,746 | |
| 2,266 |
탱크
|
2017.06.28 | 1,434 | |
| 2,265 |
사이트메이크
|
2017.06.26 | 861 | |
| 2,264 |
red123
|
2017.06.23 | 926 | |
| 2,263 |
사이트메이크
|
2017.06.22 | 700 | |
| 2,262 |
사이트메이크
|
2017.06.22 | 908 |
댓글목록
이윰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포인트를 획득하였습니다.