DO YOU NEED A CONTENT WRITER FOR YOUR BUSINESS?

Your One-Stop Solution for All Content Needs! Click here for more!
Css

Create an IE Only Stylesheet

Share

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.

Here are meaning of syntax:

!IE = not IE
gt = greater than
gte = greater than or equal
lt = less than
lte = less than or equal

For all versions of IE

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

Everything except IE

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

Target IE 8 only

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

Target IE 7 only

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

Target IE 6.5 only

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

Target IE 8 and lower

<!--[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]-->

Target IE 8 and higher

<!--[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 */}
CSS Designer

View Comments

Recent Posts

How to Create a Listing in the AWS Marketplace

The AWS Marketplace is an online store where people can buy and sell applications, services,…

18 hours ago

Authentic Online Tongits Experience Starts at https://gzone.ph/tongits

Tongits is not just a card game—it’s a feeling every Filipino knows. It reminds us…

18 hours ago

How To Strengthen Your Brand-Building Efforts?

Your brand more than developing an attractive and creative logo and infectious motto. It's the…

3 days ago

2 Main Google Display Ads Campaign Formats?

The ads shown on videos, articles, or websites are called Display ads. You can supply…

6 days ago

10 Home Security Tips to Help Protect Your Family

Home security is not just about stopping burglars. It is about protecting your family, your…

7 days ago

Benefits of an Integrated Contact Center Solution

Customer Loyalty is one of the most important things for brands today. Everyday companies come…

1 week ago