Testo sIFR allungato/sfocato in Google Chrome

StackOverflow https://stackoverflow.com/questions/1978630

  •  22-09-2019
  •  | 
  •  

Domanda

Risposto

La migliore risposta di seguito è stata valida per la taglia, ma la risposta dell'utente Aaron è la risposta corretta.Collocamento:

.sIFR-flash {
width:100%;
}

corregge il problema in Chrome.Purtroppo, non posso cambiare la mia risposta migliore perché immagino che sia così che funzionano i premi.

Risposto

Mi sembra che ci siano alcuni problemi con Chrome che rende specificamente il testo sostituito da sIFR allungato (e sfocato) nel suo contenitore flash.Nessun altro browser lo fa (sembra buono in IE6,7,8, FF, Safari, Opera).È un bug noto/qualcuno ha una soluzione alternativa?

Ecco un esempio che puoi guardare su questo sito: http://uvph.com/

Ed ecco il codice di sostituzione:

// -- configure sifr
var futura = { src: '/swf/bfuturah.swf' };

sIFR.activate(futura);

sIFR.replace(futura, {
    css: [
        '.sIFR-root { background-color:transparent; color: #999999; font-size:24px; text-transform:uppercase; }'
    ],
    fitExactly      : true,
    forceClear      : true,
    forceSingleLine : true,
    selector        : 'h2',
    transparent     : true
});
È stato utile?

Soluzione

hmmm questo è davvero strano.ho caricato un test case del tuo sito sul mio server e tutto funziona bene in Chrome.l'alternativa molto migliore a sifr è http://cufon.shoqolate.com/generate/ è molto più piccolo e molto più veloce, ma non puoi più selezionare il testo

Altri suggerimenti

Non posso usare @font-face perché il mio carattere si incorpora male e ho bisogno di testo selezionabile.Per correggere lo stretching verticale per il mio SIFR in IE9 ho aggiunto il display: blocco;altezza: 1,45 em;Al .Sifr-Flash che sembrava abbinare a IE8 e Firefox ho anche usato una dimensione del carattere del 70%, dà un piccolo sfarfallio in più durante il caricamento, ma lo stretching si è fermato.

Ho notato che impostare la larghezza di .sIFR-flash al 100% sembra risolvere il problema.

Utilizza la proprietà @font-face dei CSS.Ora è supportato su tutti i browser più diffusi (inclusi IE e Chrome). http://www.useragentman.com/blog/2009/09/20/font-face-in-approfondimento/ ha un ottimo post sull'utilizzo di @font-face su tutti i browser e la pagina stessa utilizza caratteri personalizzati.Vale la pena controllare =)

Prima di tutto:impostare "forceSingleLine" su "false".Se il problema persiste:controlla le proprietà CSS del testo di cui vuoi eseguire il rendering.Il tipo di visualizzazione dell'elemento renderizzato stesso (non il genitore!) dovrebbe essere "blocco", altrimenti "larghezza:100%" non ha alcun effetto.I migliori risultati per Chrome possono essere ottenuti se sIFR viene applicato a un elemento blocco con larghezza fissa, ma questo approccio non sarà sempre fattibile.

Sospetto che ci sia qualcosa di strano tra Chrome e Flash Player.È come se il filmato Flash fosse stato ingrandito in modo errato.Il film si risolve automaticamente quando fai clic su di esso.

E se impostassi sIFR.useDomLoaded = false Prima sIFR.activate()?

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top