Is it possible to use

var script = document.createElement('link');
script.href = 'theme/style/ie/manageleads.css';
script.rel  = 'stylesheet';
script.type = 'text/css';
document.getElementsByTagName('head')[0].appendChild(script);

and for it to only be active if the browser is IE8?

Is it possible to use

var script = document.createElement('link');
script.href = 'theme/style/ie/manageleads.css';
script.rel  = 'stylesheet';
script.type = 'text/css';
document.getElementsByTagName('head')[0].appendChild(script);

and for it to only be active if the browser is IE8?

• javascript
• jquery
• css
• internet-explorer-8
• stylesheet

Share Improve this question Follow edited Nov 5, 2014 at 11:22 Joe 15.8k44 gold badges5050 silver badges8383 bronze badges asked Sep 12, 2011 at 2:37 RussellHarrowerRussellHarrower 6,8502525 gold badges113113 silver badges225225 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

http://api.jquery./jQuery.browser/

Note that IE8 claims to be 7 in Compatibility View.

if ($.browser == 'msie' && (parseInt($.browser.version) == 8 || parseInt($.browser.version) == 7))
{
    // Do something IE8-only in here
}

The best way would be conditional CSS, but since you asked for jQuery, here ya go.

if ($.browser.msie && parseInt($.browser.version) == 8) {
  $('<link />', {
    href: 'theme/style/ie/manageleads.css',
    rel: 'stylesheet',
    type: 'text/css'
  }).appendTo('head');
}

If that doesn't work, let me know. You might need to use 'document.createStylesheet' instead.