Problema stile progressbar

[chack1172]

Salve ragazzi sto usando una progress bar sul mio sito e sto cercando di mettergli una grafica(prima volta) solo che si bugga, lo vedo bene solo su firefox

Visualizzazione:

Spoiler

Firefox

Chrome

Chrome ingrandito

IE

questo è l'HTML:

Perfavore, Entra oppure Registrati per vedere i codici!

CSS

Perfavore, Entra oppure Registrati per vedere i codici!

Qual'è il problema?

@TBH @Rikku

 

[TBH]

Salve ragazzi sto usando una progress bar sul mio sito e sto cercando di mettergli una grafica(prima volta) solo che si bugga, lo vedo bene solo su firefox

Visualizzazione:

Spoiler

Firefox

Chrome

Chrome ingrandito

IE

questo è l'HTML:

Perfavore, Entra oppure Registrati per vedere i codici!

CSS

Perfavore, Entra oppure Registrati per vedere i codici!

Qual'è il problema?

@TBH @Rikku

no il risultato è normale ogni browser interpreta differentemente le proprietà , altrimenti non avresti specificato nemmeno moz e webkit

 

[chack1172]

@TBH e se io volessi farlo in tutti i browser come quello in firefox, si può?

 

[DjDiabloS]

Ciao,
come ti ha spiegato già TBH il problema è la diversa interpretazione dei linguaggi da parte del singolo broswer. In tua "Difesa" a mio parere, potresti optare per una soluzione diversa se effettivamente il tuo è un problema di grafica; Ad esempio utilizzare direttamente delle immagini. In questo modo avrai la possibilità di utilizzare un unico stile su tutte le piattaforme che lo visualizzeranno e non avrai problemi di diversificazione. Ovviamente parlo comunque di utilizzare il CSS, ma anzichè colori e margini e ombre, potrai semplicemente applicare questi effetti alla singola immagine che comporrà la barra "finale".