-moz e -webkit problema

-moz e -webkit problema postato il 29/09/2012 09:28:02 nel forum programmazione, open source e hosting

Benchè sapessi che su IE non andasse avevo la certezza fino a qualche giorno fa che su Mozilla funzionavano eccome, parlo ovviamente delle voci css -moz e -webkit per l'arrotondamento dei bordi che da qualche giorno, almeno da quello che ho visto, su Mozilla non funziona più mentre su altri Browser si.

E' successo anche a voi? Possibili soluzioni da valutare?

29/09/2012 09:56:12

mozilla ha implementato la versione ufficiale, quindi senza -moz

29/09/2012 09:59:33

Quindi addio bordi arrotondati con Mozilla? Oppure ci sono soluzioni. non avevo letto ancora questa stori :(

29/09/2012 11:55:51

again: ora mozilla implementa la soluzione standard, quindi togli -moz- e funziona.

29/09/2012 12:16:22 e modificato da leoblacksoul il 29/09/2012 12:17:05

detto in altre parole: -moz e -webkit sono dei prefissi che mozilla (-moz) e i browser basati su WebKit (-webkit come Chrome e Safari) usano per le regole css che non sono standard.

Quando queste regole diventano standard il prefisso viene tolto.
Non è una buona pratica inserire la regola con il prefisso nei propri css senza inserire anche le regola senza prefisso, perchè le regole con prefisso dovrebbero essere usate più come "fallback" che come soluzione finale, dato che sono soggette a modifiche. Bisognerebbe sempre includere anche la versione senza prefisso nel proprio css.

Io uso normalmente la direttiva border-radius senza aggiungere altre regole con prefissi e funziona correttamente sui browser maggiori.

29/09/2012 12:38:42 e modificato da nucanplaythis il 29/09/2012 12:40:46

Scusa ma per non sbagliare scrivi tutti i prefissi possibili, a me funziona benissimo su qualunque browser:

border-radius: ; //standard da mettere sempre
-moz-border-radius: ;
-webkit-border-radius: ;
-khtml-border-radius: ;

Funziona anche su Internet Explorer...almeno il 10, che però temo non esiste al di fuori di windows 8

29/09/2012 13:00:19

Grandioso, non sapevo di questa cosa. Una domanda, togliendo dunque i prefissi si standardizzeranno per cui andranno bene per ogni Browser oppure ancora a questa globalizzazione non ci siamo arrivati?

29/09/2012 13:31:30

:giocatorelibero: ha scritto: Grandioso, non sapevo di questa cosa. Una domanda, togliendo dunque i prefissi si standardizzeranno per cui andranno bene per ogni Browser oppure ancora a questa globalizzazione non ci siamo arrivati?

Se togli semplicemente il prefisso non andrà su tutti i browser, su molti, ma non tutti!

Se vuoi andare sul sicuro, ti ripeto, scrivi così:

border-radius: ; //standard da mettere sempre
-moz-border-radius: ;
-webkit-border-radius: ;
-khtml-border-radius: ;

C'è quello senza prefisso e d'accordo, poi ci sono i tre che praticamente racchiudono tutti i browser che puoi immaginare, che subentrano qualora quello senza prefisso non dovesse bastare (può essere che benchè firefox sia passato allo standard, qualcuno dei tuoi utenti per qualche strano motivo non abbia il browser aggiornato). Scrivilo così, in tutti e 4 i modi, male non fa e vai sul sicuro.

29/09/2012 13:32:34

Interessante e anche molto utile, grazie ancora. ^_^