
1 Haziran 2015
minimalcoding
1958
0
IE (Internet Explorer) versiyonları için Css ve Javascript düzenlemesi
Arayüz kodlayıcılar için büyük bir sorun teşkil eden internet explorer farklı versiyonlarını için, farklı CSS kodlamaları yapmak gerektirir. İlk kez ie5 te kullanılan şartlı uygulama yönetimini maalesef ki günümüzde hala kullanılmakta :). Şartlı kullanım yöntemiyle ister CSS istersenizde Javascript dosyalarımızı ie tarayıcı versiyonlarına göre yorumlata bilirsiniz.
Koşula Bağlı durumunların operatörleri şu şekilde;
Oparetörler | gt | gte | lt | lte | ! | |
---|---|---|---|---|---|---|
Açıklama | “x versiyon dan büyük” | “x versiyon dan büyük ve eşit” | “x versiyondan küçük” | “x versiyondan küçük veya eşit” | “x versiyon değilse” | “x versiyon ise” |
Kullanım | <!–[if gt IE 5.5]> | <!–[if gte IE 5.5]> | <!–[if lt IE 5.5]> | <!–[if lte 5.5]> | <!–[if !IE 5.5]> | <!–[if IE 5.5]> |
İnternet Explorer 5.5 için
Css Kullanım Yöntemi
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!--[if IE 5.5000]> <style type="text-css"> a{ color:#F5A623;} </style> <link rel=stylesheet href="css/ie5.css"> <![endif]--> |
Javascript Kullanım Yöntemi
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<!--[if IE 5.5000]> <script> var button = document.querySelector('a'); button.onclick=function(event){ } </script> <script src="js/ie5.js"></script> <![endif]--> |
Sadece İnternet Explorer 7 için
Css Kullanım Yöntemi
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!--[if IE 7]> <style type="text-css"> a{ color:#F5A623;} </style> <link rel=stylesheet href="css/ie5.css"> <![endif]--> |
Javascript Kullanım Yöntemi
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<!--[if IE 7]> <script> var button = document.querySelector('a'); var menu = document.querySelector('.drop-menu'); button.onclick=function(event){ if(!menu.classList.contains('open')){ menu.classList.add('open') }else{ menu.classList.remove("open") } } </script> <script src="js/ie5.js"></script> <![endif]--> |
İnternet Explorer 8 ve önceki sürümleri için
Css Kullanım Yöntemi
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!--[if lt IE 9]> <style type="text-css"> a{ color:#F5A623;} </style> <link rel=stylesheet href="css/ie5.css"> <![endif]--> |
Javascript Kullanım Yöntemi
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<!--[if lt IE 9]> <script> var button = document.querySelector('a'); var menu = document.querySelector('.drop-menu'); button.onclick=function(event){ if(!menu.classList.contains('open')){ menu.classList.add('open') }else{ menu.classList.remove("open") } } </script> <script src="js/ie5.js"></script> <![endif]--> |
İnternet Explorer 6 ve üst sürümler için
Css Kullanım Yöntemi
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!--[if gt IE 5.5000]> <style type="text-css"> a{ color:#F5A623;} </style> <link rel=stylesheet href="css/ie5.css"> <![endif]--> |
Javascript Kullanım Yöntemi
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<!--[if lt IE 9]> <script> var button = document.querySelector('a'); var menu = document.querySelector('.drop-menu'); button.onclick=function(event){ if(!menu.classList.contains('open')){ menu.classList.add('open') }else{ menu.classList.remove("open") } } </script> <script src="js/ie5.js"></script> <![endif]--> |
Minimal Coding Privacy Policy
Sitemizi ziyaret eden kullanıcılar aşağıdaki koşulları, yazılanlarla sınırlı olmamak şartıyla kabul etmiş sayılacaktır. “www.minimalcoding.net” sitesinde yer alan tüm bilgiler,tasarım,logo,yorum ve tavsiyeler ile ses, görüntü, yazı içeren bilgi ve belgeler (“İçerik”) ile buradan yapılan tüm linkler, kullanıcıya genel bilgi vermek amacıyla sunulmuştur.
Burada mevcut olan İçerik, Minimal Coding'i Kaynak göstermeden paylaşılamaz ve yayınlanamaz. Bu siteye erişim serbest ve anonimdir.