bxSlider 호출기 : 숫자 대신 이미지 만들기

Question

iPad에서만 bxSlider로 문제가 발생합니다.

는 원래 호출기의 번호 대신 수의 작은 원을 만들기 위해 다음 background-color 및 border-radius을 가지고하는 text-indent:-9999px 및 display:block;를 사용하여 "숨겨진"했다.

문제는 display:block이 페이지를 확장하는 거대한 iPad 특정 문제를 유발한다는 것입니다. 나는 모든 것을 시도해보고 그 싱글 display:block으로 완전히 좁혔습니다. 그것을 제거하면 문제가 해결되지만 text-indent이 더 이상 작동하지 않는 숫자가 표시됩니다.

호출기에서 숫자를 제거하고 이미지로 바꾸는 해결책이 있습니까? 기본 이미지와 활성 상태 이미지가 있지만 번호를 숨기지 않고 무제한 호출기를 선택하는 방법을 찾지 못했습니다.

Answer 1

이미지의 배경 배경 색상을 교체하고 내가 질문 :

Answer 2

또한 텍스트에 color:transparent;을 적용 할 수 이해가 있다면 그것은 작동합니다. 을 vertical-align: middle;과 함께 사용하면 어떨까요? 중앙에 놓기를 원할 경우 text-align: center;을이 호출기 링크의 부모 블록에 적용하면됩니다.