Come fare separata CSS file per il browser

November 3

Come fare separata CSS file per il browser


Ottenere CSS visualizzati correttamente in tutti i browser è un problema comune nella progettazione Web. Il Web design perfetto è spesso segnata da problemi con Internet Explorer, un browser noto per le sue stranezze e gli insetti in sede di attuazione CSS. A parte discrepanze nel rendere CSS rispetto ai browser come Firefox, Safari e Chrome, ogni versione di Internet Explorer interpreta anche i CSS in modo diverso. Utilizzo di file CSS separati è una soluzione si può optare per se si desidera creare un sito compatibile con tutti i browser e le varie versioni di Internet Explorer.

istruzione

1 Creare un file CSS specifici per un particolare browser e caricarlo sul sito.

2 Aprire la pagina Web utilizzando un editor HTML o Notepad.

3 Digitare il seguente codice nella sezione <head>:

<! - [If lte IE 6]>

<Link rel = "stylesheet" type = "text / css" media = "screen, proiezione" href = "iestyle.css" />

<! [Endif] ->

Il codice precedente utilizza un'istruzione condizionale in cui viene utilizzato il foglio di stile "iestyle.css" se il browser è Internet Explorer versione 6 o inferiore. Modificare l'istruzione in modo da riflettere la versione del browser che si desidera bersaglio e specificare il file CSS nella sezione href.

4 Salvare le modifiche.

Consigli e avvertenze

  • Altre istruzioni condizionali si possono trovare sul sito MSDN di Microsoft.