Conditional Comment Kullanımı

Bu yazımızda şartlı yorum kullanarak sayfamızın kullanacağı css kodunu belirleyeceğiz. Şartlı yorumlarda kod eğer koşulu sağlamıyorsa yorum olarak algılanmaktadır.
Bu sayede hangi css dosyasının kullanılacağını seçebiliyoruz.

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

Bu durumda kullanıcı ie6 kullanıyorsa style.ie6.css, ie7 kullanıyorsa style.ie7.css diğer tüm tarayıcılar için isestyle.css aktif olacaktır.

Ayrıca <!- -[if lte IE 6]> şeklinde tanımlayarak ie6 ya da daha düşükse olarak tanımlayabiliyoruz.

Not: Bu özelliği sadece internet explorerda kullanabilimekyiz.

 

Target ALL VERSIONS of IE (Tüm İE sürümleri için)

<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

Target everything EXCEPT IE (İE harici tarayıcılar için)

<!--[if !IE]><!-->
	<link rel="stylesheet" type="text/css" href="not-ie.css" />
 <!--<![endif]-->

Target IE 7 ONLY (İE 7 için)

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

Target IE 6 ONLY

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

Target IE 5 ONLY

<!--[if IE 5]>
	<link rel="stylesheet" type="text/css" href="ie5.css" />
<![endif]-->

Target IE 5.5 ONLY

<!--[if IE 5.5000]>
<link rel="stylesheet" type="text/css" href="ie55.css" />
<![endif]-->

Target IE 6 and LOWER (İE 6 ve alt versiyonları için)

<!--[if lt IE 7]>
	<link rel="stylesheet" type="text/css" href="ie6-and-down.css" />
<![endif]-->
<!--[if lte IE 6]>
	<link rel="stylesheet" type="text/css" href="ie6-and-down.css" />
<![endif]-->

Target IE 7 and LOWER (İE 7 ve alt versiyonları için)

<!--[if lt IE 8]>
	<link rel="stylesheet" type="text/css" href="ie7-and-down.css" />
<![endif]-->
<!--[if lte IE 7]>
	<link rel="stylesheet" type="text/css" href="ie7-and-down.css" />
<![endif]-->

Target IE 8 and LOWER

<!--[if lt IE 9]>
	<link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->
<!--[if lte IE 8]>
	<link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->

Target IE 6 and HIGHER (İE 6 ve üst versiyonları için)

<!--[if gt IE 5.5]>
	<link rel="stylesheet" type="text/css" href="ie6-and-up.css" />
<![endif]-->
<!--[if gte IE 6]>
	<link rel="stylesheet" type="text/css" href="ie6-and-up.css" />
<![endif]-->

Target IE 7 and HIGHER

<!--[if gt IE 6]>
	<link rel="stylesheet" type="text/css" href="ie7-and-up.css" />
<![endif]-->
<!--[if gte IE 7]>
	<link rel="stylesheet" type="text/css" href="ie7-and-up.css" />
<![endif]-->

Target IE 8 and HIGHER

<!--[if gt IE 7]>
	<link rel="stylesheet" type="text/css" href="ie8-and-up.css" />
<![endif]-->
<!--[if gte IE 8]>
	<link rel="stylesheet" type="text/css" href="ie8-and-up.css" />
<![endif]-->

SCRİPT İLE ALMAK İÇİM;

<script>
 $(document).ready(function() {
 if ($.browser.msie)
 {
     if ($.browser.version < 9)
     {
         $('.wrapper').hide();
     }
 }
 });
 </script>