메인 슬라이드 배너에 출력되는 텍스트를 고정하고싶은데요
1,541
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건 9 페이지
게시판 이용안내
이윰빌더를 이용하시는 모든 회원님들이 서로 궁금한 부분을 질문 또는 답변을 하며 문제점을 서로 해소할 수 있는 공용 질답 게시판입니다.
질문 시 기본적인 예절을 지켜주세요.
- 질문 시 바른말을 이용 해 주세요.
- 질문자의 상황을 다른이가 예측하기 힘듭니다. 오류가 난 상황이나 환경등을 최대한 자세하게 알려주셔야만 원하시는 답을 얻을 확률이 높습니다.
- 질문의 유형에 따라 틀릴 수 있지만 문제가 되는 해당 페이지 주소가 있으면 가장 근접한 해법이 나올 가능성이 큽니다.
- 원하시는 답을 얻으시면 감사의 말씀을 전하는 센스를 발휘 해 주세요.
- 질문 전 한번쯤 읽어볼만한 글 : http://eyoom.net/bbs/board.php?bo_table=qna&wr_id=74
| 번호 | 제목 | 글쓴이 | 날짜 | 뷰 |
|---|---|---|---|---|
| 2,121 |
까망이
|
2016.11.25 | 425 | |
| 2,120 |
페이지메이커
|
2016.11.23 | 510 | |
| 2,119 |
언약
|
2016.11.22 | 896 | |
| 2,118 |
지은
|
2016.11.21 | 725 | |
| 2,117 |
김세창
|
2016.11.20 | 618 | |
| 2,116 |
김세창
|
2016.11.20 | 474 | |
| 2,115 |
부끄럼소년
|
2016.11.20 | 818 | |
| 2,114 |
언약
|
2016.11.19 | 643 | |
| 2,113 |
김세창
|
2016.11.19 | 575 | |
| 2,112 |
까망이
|
2016.11.18 | 579 | |
| 2,111 |
김세창
|
2016.11.18 | 426 | |
| 2,110 |
페이지메이커
|
2016.11.18 | 455 | |
| 2,109 |
준파
|
2016.11.18 | 384 | |
| 2,108 |
지은
|
2016.11.18 | 647 | |
| 2,107 |
지은
|
2016.11.17 | 1,695 | |
| 2,106 |
지은
|
2016.11.17 | 658 | |
| 2,105 |
부끄럼소년
|
2016.11.16 | 574 | |
| 2,104 |
부끄럼소년
|
2016.11.15 | 1,315 | |
| 2,103 |
designvi…
|
2016.11.15 | 448 | |
| 2,102 |
tbtbbdww
|
2016.11.14 | 667 |
댓글목록
이윰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포인트를 획득하였습니다.