Mentre la maggior parte dei browser principali supportano il CSS (Cascading Style Sheets), proprietà che rendono gli elementi HTML con angoli curvi, Internet Explorer 8 e sotto non condividono questa funzione. Questo ha lasciato molti sviluppatori Web alla ricerca di un modo separato per offrire angoli curvi in ​​Internet Explorer senza l'aggiunta di sovraccarico del flusso di lavoro. Fortunatamente, ci sono diverse soluzioni JavaScript disponibili che simulano il comportamento della proprietà border-radius di CSS.

istruzione

1 Impiegare un plugin come jQuery Plugin d'angolo, se sei uno sviluppatore che già utilizza jQuery sul suo sito. Scarica il plugin e inserire il file (s) sul server Web; poi, un collegamento a loro all'interno del tag head della pagina. Ad esempio, se i file sono nella stessa directory come pagina:

<Script type = "text / javascript" La seconda sezione tra parentesi è per le opzioni. Le opzioni includono il tipo di angolo, l'angolo o angoli per essere interessati e il raggio della curva.

2 Scegliere una soluzione stand-alone, come ad esempio la biblioteca CurvyCorners JavaScript. Scarica e collegare alla biblioteca all'interno del tag head della pagina. Per esempio:

<Script type = "text / javascript" proprietà che punta al file .htc fianco del CSS che definisce la proprietà border-radius. Per esempio:

.roundedBox {

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

border-radius: 20px;

comportamento: url (border-radius.htc);

}

Consigli e avvertenze

• Non basta testare il codice in una versione di Internet Explorer. Microsoft ha apportato modifiche significative al motore di rendering tra le versioni 7 e 8 di IE.