Comment détecter IE7 avec javascript ou jquery et ajouter une classe à div

Vous pouvez utiliser un commentaire conditionnel IE pour ajouter la classe via javascript, quelque chose comme ceci:

 <!--[if IE 7]> <script type="text/javascript"> $(document).ready(function() { $('#system').addClass('ie7'); }); </script> <![endif]--> 

Si vous voulez vraiment résoudre ceci en utilisant JavaScript, vous voudrez peut-être vérifier la version comme ceci:

 if (navigator.appVersion.indexOf("MSIE 7.") != -1) $('#system').addClass('ie7'); 

Vous pouvez le faire simplement avec HTML:

Css

 .ie7{ padding: 0; color: red; } 

Html

 <!--[if IE 7 ]> <div id="system" class="ie7"> <![endif]--> <!--[if (gt IE 7)|!(IE)]><!--> <div id="system"> <!--<![endif]--> </div> 

Cela crée la div avec la classe ie7 si ie7 est exécutée dans Internet Explorer 7. Tous les autres navigateurs et IE> 7 créeraient simplement cette division sans la classe.

Pour détecter ie7 juste utiliser

 if($.browser.msie && parseFloat($.browser.version) < 8){ //do other stuff return; } 

Pour faire ce que vous voulez avec ça, juste:

 if($.browser.msie && parseFloat($.browser.version) < 8){ $('#system').addClass('ie7'); } 

Essaye ça:

 <!--[if IE 7]> <script type="text/javascript"> $('#system').addClass('ie7'); </script> <![endif]--> 

Voici quelques manières différentes:

• http://gmatter.wordpress.com/2006/11/21/another-way-to-detect-ie7-in-javascript/
• http://api.jquery.com/jQuery.browser/#jQuery.browser.version2
• http://ajaxian.com/archives/detecting-ie7-in-javascript

Soyez informé que IE8 compati view aura également <!--[if IE 7 ]> comme vrai

Donc, vous devriez faire un deuxième test de niveau sur le mode document, si vous ne souhaitez pas que les modifications se reflètent dans la vue IE8 Compat.

 <!--[if IE 7]> <script type="text/javascript"> try { if(document.documentMode!=8){ //Your code comes here } } catch(exception){ } </script> <!--<![endif]-->