Tutorial by Examples

In Internet Explorer 10+ and Edge, Microsoft provides the -ms-high-contrast media selector to expose the "High Contrast" setting from the browser, which allows the programmer to adjust their site's styles accordingly. The -ms-high-contrast selector has 3 states: active, black-on-white, ...

To target Internet Explorer 6 and Internet Explorer 7, start your properties with *: .hide-on-ie6-and-ie7 { *display : none; // This line is processed only on IE6 and IE7 } Non-alphanumeric prefixes (other than hyphens and underscores) are ignored in IE6 and IE7, so this hack works for any...

To target Internet Explorer 8, wrap your selectors inside @media \0 screen { }: @media \0 screen { .hide-on-ie8 { display : none; } } Everything between @media \0 screen { } is processed only by I

display: inline-block; The display property with the value of inline-block is not supported by Internet Explorer 6 and 7. A work-around for this is: zoom: 1; *display: inline; The zoom property triggers the hasLayout feature of elements, and it is available only in Internet Explorer. The *di...