Pogojni stavki za CSS

Pri programiranju HTML strani velikokrat srečamo probleme pri prikazu spletne strani v različnih brskalnikih. Največ težav povzročajo brskalniki Internet Explorer na kratko IE. Na trgu je več verzij IE, ki se razlikujejo med seboj, kar deluje v 7 ali 8 verziji, velikokrat ne deluje v verziji 6 in obratno.

Zaradi tega nam pridejo zelo prav pogojni oziroma IF stavki za izbiro CSS datoteke, ki jo želimo imeti. Ta koda deluje samo v Internet Explorerju za Windowse in je podprta od 5. verzije naprej. Koda je precej enostavna, začnemo z pogojem o IE verziji, nato sledi koda za povezavo do CSS datoteke in zaključek pogoja.

Primer kode
<!--[if IE 6]><link href="styleIE6.css" mce_href="styleIE6.css" rel="stylesheet" type="text/css"><![endif]-->

Ostali primeri
<!--[if IE]>
To je Internet Explorer<br />
<![endif]-->
<!--[if IE 5]>
To je Internet Explorer 5<br />
<![endif]-->
<!--[if IE 5.0]>
To je Internet Explorer 5.0<br />
<![endif]-->
<!--[if IE 5.5]>
To je Internet Explorer 5.5<br />
<![endif]-->
<!--[if IE 6]>
To je Internet Explorer 6<br />
<![endif]-->
<!--[if IE 7]>
To je Internet Explorer 7<br />
<![endif]-->
<!--[if gte IE 5]>
To je Internet Explorer 5 navzgor<br />
<![endif]-->
<!--[if lt IE 6]>
To so verzije nižje od Internet Explorer 6<br />
<![endif]-->
<!--[if lte IE 5.5]>
To so verzije nižje ali enake Internet Explorer 5.5<br />
<![endif]-->
<!--[if gt IE 6]>
To so verzije večje od Internet Explorer 6<br />
<![endif]-->

Primer izpisa– izpis se pojavi samo v IE brskalnikih!









Oznake: CSScss pogojni stavkiHTMLif css

  • Ah ja, če bi to prej vedel, se ne bi tako zafrkaval z optimizacijo in kompenzacijo za Mozillo, Opero in IE. :-)

    Odgovori

Komentiraj


*