Firefox에서 이미지 바꾸기가 텍스트를 숨기지 않습니다.

이전 버전의 FlexSlider (v1.4, 주로 새 버전을 테스트 할 시간이 없었기 때문에)를 사용하고 있습니다. 컨트롤이 Firefox에 표시됩니다. Firefox에서 이미지 바꾸기가 텍스트를 숨기지 않습니다.

The problem

이

은 화살표의 CSS입니다 : 나는 text-indent 주변의 변화 시도했습니다

.flex-direction-nav li a { 
    display: block; 
    width: 52px; height: 52px; 
    margin: -13px 0 0; 
    background: url(../images/bg_direction_nav.png) no-repeat; 
    position: absolute; top: 50%; 
    cursor: pointer; 
    text-indent: -999em; 
    }

하지만 텍스트는 결과로 이동하지 않습니다. text-align: left은 Firebug에서 변경했을 때 문제가되지 않는 것 같습니다. 이 문제는 Chrome에 표시되지 않습니다.

텍스트 자체가 숨어 있지 않은 이유는 무엇입니까?

출처

2012-04-07 Casey Chow

'색상을 추가 : 투명,'텍스트를 숨 깁니다. –

당신은이 문제를 이해하고 해결하는 데 매우 도움이 될 코드/피들/스크린 샷 등을 보여줄 수 있습니까? – w3uiguru

@Dinesh 코드는 FlexSlider v1.4에 의해 생성됩니다. 나는 플러그인을 사용하여 생성 된 HTML을 [Pastebin'd] (http://pastebin.com/tKyAepLr)했습니다. –

동일한 문제가있었습니다. 내 문제는 nav 링크가 "text-align : right;"를 상속 받았다는 것입니다.

당신의 텍스트 정렬 속성을 재설정 해보십시오 :

이

.flex-direction-nav li a { 
    display: block; 
    width: 52px; height: 52px; 
    margin: -13px 0 0; 
    background: url(../images/bg_direction_nav.png) no-repeat; 
    position: absolute; top: 50%; 
    cursor: pointer; 
    text-indent: -999em; 
    text-align:left; 
    }

또한, IE 드 도청에 대한 낮은 버전의 텍스트 들여 쓰기에 그 기억은 텍스트 변환 특성뿐만 아니라 설정 한 경우에만 작동합니다. .. 그래서 그냥 ...

text-transform: uppercase;

도움이 될

출처

2013-02-27 17:57:17 rsigg

Firefox에서 이미지 바꾸기가 텍스트를 숨기지 않습니다.

답변

관련 문제