I sometimes like to do a thought experiment where I put myself in the shoes of the developers at Microsoft who are responsible for IE and ask myself how I’d approach the requirement to implement those IE conditional statements and version specific CSS hacks in the rendering engine. However the fact that we are still having to use these hacks makes me upset. This was mainly because IE was overwhelmingly the dominant browser and however things rendered in IE was a practical (if not a de facto) standard. They solved the occasional inconsistency at a time in the web’s history when rendering engines had a forgiving attitude towards weak standards compliance. I remember being initially relieved at finding these hacks years ago. This is a clever way and it doesn’t cause any validation errors. So to target specific IE version, simply use the IE class as the parent selector (eg.ie6. Basicially, it checks if it is IE, then add a class to the html tag. The third option, which was founded by Paul Irish, is to add an CSS class with the IE version to the HTML tag by using IE conditional comments. IE6: add an underscore ( _) before the property.īackground: pink \9 /* IE 8 and below */.IE7 or below: add an asterisk ( *) before the CSS property.IE8 or below: to write CSS rules specificially to IE8 or below, add a backslash and 9 ( \9) at the end before the semicolon.However, this method is not recommended because they are not valid CSS syntax. For example, add an asterisk (*) before the CSS property will target IE7 or add an underscore before the property will target IE6. #2 CSS Rules Specific to Explorer (IE CSS hacks)Īnother option is to declare CSS rules that can only be read by Explorer.
#CSS FONT EXPLORER CODE#
Below are some sample code to target different versions of Internet Explorer: IE conditional comment is probably the most commonly used to fix the IE bugs for specific versions (IE6, IE7, IE8). View Demo IE Specific #1 IE Conditional Comments But there are more ways than the conditional comments… We typically use IE conditional comments to fix the IE issues. It gets frustrating when different versions of Explorer displays web pages differently due to the inconsistent rendering engine. As much as we don’t like to deal with the IE bugs, we still have to face it because your boss and visitors are still using Explorer.
0 kommentar(er)
