Internet Explorer 7 manca il supporto per molte tecniche CSS o Cascading Style Sheet, moderne, in particolare quelle categorizzate come CSS3. Questo è dovuto al fatto che IE7 è stato rilasciato nel 2006. In questo momento, il World Wide Web Consortium stava lavorando sulle bozze per CSS3, ma i browser non supportano ancora le relative proprietà. A differenza di altri browser, Internet Explorer non aggiorna automaticamente alle versioni più recenti, così tanti utenti sono ancora bloccati in IE7. Utilizzare CSS3 PIE o Progressive Internet Explorer, per fare gli angoli arrotondati funziona in Internet Explorer versioni 6 e fino.

Istruzioni

1

Aprire la pagina Web in blocco note o un editor di codice. Trovare i tag per gli elementi di cui si desidera fare gli angoli arrotondati. Aggiungere un nome di classe, come "arrotondato", ai Tag:

< div class = "arrotondato" >< / div >
< div class = "sidebar arrotondato" >< / div >

Quando un tag ha già un nome di classe, come ad esempio "sidebar" nell'esempio precedente, è possibile aggiungere un nome di seconda classe come mostrato.

2

Aprire il foglio di stile per la tua pagina Web in blocco note o un editor di codice. Creare questa regola di stile:

.rounded () {
raggio bordo: 10px;
}

La proprietà "border-radius" rende gli angoli arrotondati. Valori più alti indicano più arrotondamento; impostando questo valore su 50% crea un cerchio.

3

Aggiungere questa riga di codice tra le parentesi graffe della regola di stile "arrotondata":

comportamento: url('path/to/PIE.htc');

Modificare l'URL nella posizione dove caricherai CSS3 PIE. Si tratta di un polyfill che aggiunge il supporto per gli angoli arrotondati in Internet Explorer 6 a 9. È possibile inserire questo dove vuoi sul tuo server Web.

4

Scaricare il file di polyfill CSS3 PIE da css3pie. Caricarlo sul server Web tramite FTP o lo strumento di gestione file offerti dal tuo host Web. Assicurarsi che la sua posizione corrisponde all'URL che hai usato nel codice CSS.

5

Creare un foglio di stile separato con il codice per gli angoli arrotondati, insieme con il polyfill e salvarlo con il nome "ie7.css." Farlo solo se si desidera che gli angoli arrotondati per visualizzare solo su Internet Explorer 7. Incorporare il foglio di stile in "< head >" della pagina Web utilizzando questo codice:

<!-[se IE 7] >
< link rel = "stylesheet" href="ie7.css" type = "text/css" / >
<! [endif]-->

Questi commenti condizionali causano il foglio di stile caricare solo quando la pagina viene visualizzata in Internet Explorer 7.