메인 슬라이드 배너에 출력되는 텍스트를 고정하고싶은데요
1,382
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
- 서명 :
- 자기소개 :
댓글목록
이윰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포인트를 획득하였습니다.