IE provides comment tags which is supported most of the IE version to target specific versions for creating IE Only Stylesheet.
How’s your experience with IE? There is a 99% chance that you’ve had a hair-pulling experience with IE.
We use conditional stylesheets when we face any problems and want to keep our code very clean.
Internet Explorer 9 and lower: You can use conditional comments to load an IE-specific stylesheet for any version that you wanted to target specifically.
!IE = not IE
gt = greater than
gte = greater than or equal
lt = less than
lte = less than or equal
<!--[if IE]> <link rel="stylesheet" type="text/css" href="sample.css" /> <![endif]-->
<!--[if !IE]><!--> <link rel="stylesheet" type="text/css" href="sample.css" /> <!--<![endif]-->
<!--[if IE 8]> <link rel="stylesheet" type="text/css" href="sample.css"> <![endif]-->
<!--[if IE 7]> <link rel="stylesheet" type="text/css" href="sample.css" /> <![endif]-->
<!--[if IE 6.5000]> <link rel="stylesheet" type="text/css" href="sample.css" /> <![endif]-->
<!--[if lt IE 8]> <link rel="stylesheet" type="text/css" href="sample.css" /> <![endif]-->
or,
<!--[if lte IE 7]> <link rel="stylesheet" type="text/css" href="sample.css" /> <![endif]-->
<!--[if gt IE 7]> <link rel="stylesheet" type="text/css" href="sample.css" /> <![endif]-->
or,
<!--[if gte IE 8]> <link rel="stylesheet" type="text/css" href="sample.css" /> <![endif]-->
However, in the beginning of IE version 10, conditional comments are no longer supported in IE.
Internet Explorer 10 & 11: You can create a media query using -ms-high-contrast by which you can place your IE 10 and 11 specific CSS styles.
Because -ms-high-contrast is Microsoft-specific which is only available in IE 10+ and this will only be parsed in Internet Explorer 10 and greater.
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles */}
Sinus infections, impacting approximately 31 million Americans each year, represent a significant health concern stemming…
Pros And Cons Of AI: Artificial Intelligence directly translates to conceptualizing and building machines that…
We all live on the internet; we use it for everything. Thus, when it comes…
Introduction: Pink eye, or conjunctivitis, is a common eye condition characterized by redness and inflammation…
Small businesses are the backbone of the economy. Still, they often face daunting hurdles when…
Introduction: As the chill of winter settles in or a bout of cold weather strikes,…
View Comments
css styles not loading and working in IE8? Can you please tell me the solution.