Search Options
close
Search the following clips:
All Clips
Everyone's Clips
My Guides
Sign Up
Install
Learn More
Login
Showing CSS to IE only (The Underscore Hack)
SoftYare
follow
0
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
Colorful Ocean Photography
Cloud formations: just wow!!!
Michael Jackson to be buried without his brain
Freight Train Caught in A Tornado
Bush tax cuts cost more than universal healthcare
Chilean Child Mummy
True facts #1
Macro Shots: The Hidden World of Ants
30 Chimp"s escaped at Chester Zoo
The Highest Point on the Planet
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;"> </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>
Clipmarks
Home
New Clips
Top Clips
Dashboard
Popular Topics
News
Life
Science
Technology
Entertainment
Get Started
Sign Up
Install Clipping Tool
How Clipping Works
Clip-to-Blog™
ClipSearch
Tools and Resources
FAQ
ClipWeek
Top Clippers
Top Tags
Site Map
About Clipmarks
About Us
Contact
Blog
Copyright
Privacy
EULA
OK