애니빌드.LAB
토론방
소스관련 flexslider_edit.css 문의
- d**pa
- 2014-07-17 10:02:20
- hit4462
- http://lab.anybuild.co.kr/bbs/qna/2988
확인 가능한 전체 URL :http://dppa.wowhost.co.kr/main
제작 중인 홈페이지 입니다.
그룹디자인 중에 {GROUP_memernews} 와 {GROUP_spot} 에 사용 중인 flexslider_edit.css 와 flexslider_edit1.css 이 따로따로 적용이 되지 않고
하나로 작동하고 있습니다. 소스를 아무리 봐도 flexslider_edit.css 와 flexslider_edit1.css 이 따로따로 적용되어있습니다.
확인 방법 {GROUP_memernews} 에서 아래 소스를 삭제 해보시면 메인 화면 두곳의 이미지에 양쪽 방양키가 없어지는 현상을 확인 하실수있습니다.
소스에러인지 저희가 못찾는 것인지 확인 부탁드립니다.
.flexslider .flex-direction-nav .flex-prev {opacity: 0; left: 0; background:url('/img_up/shop_pds/dppa/design/main/flex-prev.png') left no-repeat; }
.flexslider .flex-direction-nav .flex-next {opacity: 0; right: 0; text-align: right; background:url('/img_up/shop_pds/dppa/design/main/flex-next.png') right no-repeat;}
.flexslider:hover .flex-direction-nav .flex-prev {opacity: 0.9; left: 0; background:url('/img_up/shop_pds/dppa/design/main/flex-prev.png') left no-repeat; }
.flexslider:hover .flex-direction-nav .flex-next {opacity: 0.9; right: 0; text-align: right; background:url('/img_up/shop_pds/dppa/design/main/flex-next.png') right no-repeat;}
열기 닫기
열기 닫기
저희쪽에서 보기에는 css부분을 두개다를 로드를 시켰다고 하더라도 클래스명이 동일하기 때문에 발생하는 증상인것 같습니다.
첫번쨰 이미지가 GROUP_spot 관련 소스이고 두번째가 GROUP_memernews의 소스부분입니다.
두개다 동일하게 flexslider이라는 클랙스를 가지고 있는 상황이기 때문에 css부분을 제대로 구분을 하지 못하는 증상인것 같습니다.
이 경우 css 클래스명을 다른게 수정처리를 하시면 아마 정상적으로 동작이 되지 않을까 싶습니다.
메인에서 소스보기를 하면
<link rel="stylesheet" type="text/css" href="/img_up/shop_pds/dppa/design/flexslider_edit.css" />
<link rel="stylesheet" type="text/css" href="/img_up/shop_pds/dppa/design/flexslider_edit1.css" />
위와 같이 css가 정의가 되어있습니다.
이렇게 정의가 되어있으면 flexslider_edit1.css가 적용이 될겁니다.
따라서 css 클래스 명을 한쪽에는 다르게 변경처리를 해주시면 될것 같습니다.
답변 감사합니다.
말씀하신것 처럼 flexslider 지금 여러번 처리 해봤습니다.
적용이 되지 않습니다. 확인 한번 부탁드립니다.
감사합니다.