Come ingresso angoli arrotondati in IE7

December 6

Internet Explorer 7 manca il supporto per molti moderni CSS o Cascading Style Sheet, le tecniche, in particolare quelli classificati come CSS3. Ciò è dovuto al fatto che IE7 è stato pubblicato nel 2006. In questo momento, il World Wide Web Consortium stava lavorando su bozze per CSS3, ma i browser non supporta ancora alcuna delle sue proprietà. A differenza di altri browser, Internet Explorer non aggiorna automaticamente alle versioni più recenti, così molti utenti sono ancora bloccati in IE7. Utilizzare CSS3 PIE, o Progressive Internet Explorer, per rendere gli angoli arrotondati lavorano nelle versioni di Internet Explorer 6 anni in su.

istruzione

1 Aprire la pagina Web in Blocco note o un editor di codice. Trova i tag per gli elementi di cui si desidera effettuare angoli arrotondati. Aggiungere un nome di classe, come ad esempio "arrotondato", per i tag:

<Div class = "arrotondato"> </ div>
<Div class = "barra laterale arrotondato"> </ div>

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

2 Aprire il foglio di stile per la pagina Web in Blocco note o un editor di codice. Creare questo regola di stile:

.rounded {
border-radius: 10px;
}

La proprietà "border-radius" rende gli angoli arrotondati. Valori più alti indicano maggiore arrotondamento; impostare questo valore al 50 per cento crea un circolo.

3 Aggiungere questa riga di codice tra le parentesi graffe della regola di stile per "arrotondato":

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

Modificare l'URL nella posizione in cui verrà caricato 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 si vuole sul server Web.

4 Scaricare il file polyfill CSS3 PIE da CSS3PIE.com. Caricarlo sul server Web utilizzando FTP o lo strumento di gestione dei file offerti dal tuo host web. Assicurarsi che la sua posizione corrisponda all'URL che hai usato nel codice CSS.

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

<! - [If IE 7]>
<Link rel = "stylesheet" href = "ie7.css" type = "text / css" />
<! [Endif] ->

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