Showing CSS to IE only (The Underscore Hack)


	Showing CSS to IE only (The Underscore Hack)

SoftYare

8-8-2007 12:36 PM

2240 views

tags:

css, ie, firefox, difference, ie only, hack

Add a Comment

Login to Comment. Not a member yet? Sign up

Related Clips

More clips from SoftYare

Greenhouse Blues Band

Bjelovarac

Today's Top Clips

visit the Top Clips page

View the Top Clips from August 8, 2007

Embed This Clip In Your Site...

<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/b23487df-8823-431e-b2cb-4dc7f6b13d1c/AF505C09-0897-4649-9E77-BFE78079459E/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack" href="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack" style="font-size: 11px;">www.noscope.com</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack"><H2 id="post-717"><A title="Permanent Link: Showing CSS to IE only (The Underscore Hack)" rel="bookmark" href="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack">Showing CSS to IE only (The Underscore Hack)</A> </H2></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack"><P>It allows you to show <SPAN class="caps"><SPAN class="hilite">CSS</SPAN> </SPAN>to Internet Explorer <EM><SPAN class="hilite">only</SPAN></EM>, omitting Mozilla, Safari and Opera.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack"><li style="margin-left:16px;padding-left: 0px;">It allows you to write conditional <SPAN class="caps"><SPAN class="hilite">CSS</SPAN> </SPAN>directly in your stylesheet file, and doesn’t require inline styles</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack"><li style="margin-left:16px;padding-left: 0px;">It works for <SPAN class="hilite">IE</SPAN> 5.0, 5.5 and 6.0</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack"><li style="margin-left:16px;padding-left: 0px;">It’s a hack</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack"><li style="margin-left:16px;padding-left: 0px;">It’s very simple to work with.</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack"><PRE>body {
    background: green; /* show to Mozilla/Safari/Opera */
    _background: red; /* show to <SPAN class="hilite">IE</SPAN> */
}</PRE></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack"><H3>Cons</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack"><li style="margin-left:16px;padding-left: 0px;">The <SPAN class="caps"><SPAN class="hilite">CSS</SPAN> </SPAN>won’t <A href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.noscope.com/downloads/code/underscore-hack.html">validate</A></LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack"><li style="margin-left:16px;padding-left: 0px;">The hack won’t work for <SPAN class="caps">IE5</SPAN>/Mac. For this platform, I recommend the <A href="http://www.stopdesign.com/examples/ie5mac-bpf/"><SPAN class="caps">IE5</SPAN>/Mac Band Pass Filter hack</A></LI></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/AF505C09-0897-4649-9E77-BFE78079459E/blog/" title="blog or email this clip"><img src="http://content7.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>