문제

나는 여기에서 bxslider를 사용하고 있습니다 : http://bxslider.com/examples/auto-show-pager

에이를 CSS 파일에 추가하여 숫자 대신 글 머리 기호를 사용하고 싶습니다.

    .bx-pager a{
  background: transparent url('/src/images/bullets.png') 0 0 no-repeat;
  padding: 0 4px;
}
.bx-pager a.pager-active{
  background-position: 0 -58px;
}
.

그것은 잘 작동하지만 이미지를 제거하는 방법을 알아낼 수는 없습니다. 그래서 나는 이것을 가지고 남았습니다 : http://cl.ly/223n0h251t0t251s2u2t

아이디어가 있습니까?

도움이 되었습니까?

해결책

이것을 시도하십시오,

.bx-pager a{
  background: transparent url('/src/images/bullets.png') 0 0 no-repeat;
  padding: 0 4px;
  color: transparent;
  }
.bx-pager a.pager-active{
  background-position: 0 -58px;
  color: transparent;

  }
.

변경은 여기에 color: transparent;

다른 팁

이 방법을 시도 할 수 있습니다 :

.bx-pager a {
  background: transparent url('/src/images/bullets.png') 0 0 no-repeat;
  padding: 0 4px;
  text-indent: -9999px;
  }
.bx-pager a.pager-active{
  background-position: 0 -58px;
  }
.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top