2012-04-07 16 views
0

Ich benutze eine alte Version von FlexSlider (v1.4, vor allem, weil ich noch nicht die Zeit hatte, die neue Version zu testen) und aus irgendeinem Grund den Text für die Kontrollen erscheinen in Firefox. DieseImage Replacement in Firefox versteckt Text nicht

The problem

ist die CSS für die Pfeile:

.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; 
    } 

Ich habe versucht, die text-indent um zu ändern, aber der Text nicht als Ergebnis bewegen. text-align: left scheint nicht das Problem zu sein, wenn ich es in Firebug änderte. Dieses Problem wird in Chrome nicht angezeigt.

Warum versteckt sich der Text nicht?

+0

'Farbe: transparent;' den Text verbergen. –

+0

können Sie Ihren Code/Geige/Screenshot usw. zeigen, die sehr hilfreich sein werden, um das Problem zu verstehen und zu lösen. – w3uiguru

+0

@Dinesh Der Code wird von FlexSlider v1.4 generiert. Ich habe [Pastebin'd] (http://pastebin.com/tKyAepLr) das HTML, das mit dem Plugin erstellt wurde. –

Antwort

0

Ich hatte das gleiche Problem. Mein Problem war, dass die Nav-Links das "text-align: right;" erben.

Versuchen Sie, die Eigenschaft text-align Zurücksetzen:

.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; 
    } 

Auch für IE de-Lausch, dass text-indent in niedrigeren Versionen erinnern nur funktioniert, wenn Sie den Text-transform-Eigenschaft als auch gesetzt haben. .. Also gerade hinzufügen

text-transform: uppercase; 

helfen ...

Verwandte Themen