Title / Description
Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>IE Font Opacity Work-around</title> <link rel="stylesheet" href="/css/global.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="/js/cufon/cufon.js"></script> <script type="text/javascript" src="/js/cufon/font.arial.js"></script> <script type="text/javascript"> $(function(){ if ($.browser.msie) { Cufon.replace('#fixText'); } $('p').click(function(){ $(this).fadeTo('slow', .3); return false; }); }); </script> <style type="text/css"> p { background: #AAA; cursor: pointer; margin: 10px 0; padding: 5px; position: relative; z-index: 1; } #reset { display: none; } </style> </head> <body> <h1>IE Font Anti-aliasing with Opacity Filter Demo</h1> <p>This text is not replaced by Cufon. The antialiasing will be removed when fading. Click anywhere in here to fade this box.</p> <p id="fixText">This text IS replaced by Cufon. It should remain antialiased when faded. Click anywhere in here to fade this box.</p> </body> </html>
Author
Highlight as C C++ CSS Clojure Delphi ERb Groovy (beta) HAML HTML JSON Java JavaScript PHP Plain text Python Ruby SQL XML YAML diff code
1.1.2
1.1.2