Tutorialdock | Free Web Resources

CSS3: compatibilità con i browser più datati

| di:

css3styling CSS3: quando e come usarloVediamo questa volta alcuni accorgimenti per rendere compatibili i nostri siti in CSS3 anche con la maggior parte dei browser che ancora non lo supportano.

Vendor-specific

I vendor-specific extension sono delle estensioni, che ci permettono di utilizzare molte delle proprietà introdotte da CSS3 con tutti i browser non ancora compatibili. Il loro funzionamento è molto semplice:
Per richiamare all’interno del foglio di stile i vendor-specific è sufficiente inserire nella proprietà CSS questo codice facendo riferimento al relativo browser:

-webkit-border-radius

Ecco i vendor-specific dei browser più utilizzati:

chrome css3 CSS3: compatibilità con i browser più datati -chrome-
firefox css3 CSS3: compatibilità con i browser più datati -moz-
safari css3 CSS3: compatibilità con i browser più datati -webkit-
opera css3 CSS3: compatibilità con i browser più datati -o-
explorer css3 CSS3: compatibilità con i browser più datati -ms-

Ma vediamo subito come lavorano, in pratica, direttamente all’interno di una pagina web:

 div{ border-radius:10px; -o-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 

Link

Tags:


L'Autore

Co-fondatore ha realizzato personalmente il codice su cui si basa Tutorialdock. Ora si occupa di programmazione scrivendo articoli nella categoria tutorial. Sito web dell'autore

Tips: abilitare Airdrop sui mac non supportati ufficialmente