CSS3 PIE Forums

PIE CSS conflict with Typekit on IE8 FIXED
Page 1 of 1

Author:  cstyves [ Wed Dec 07, 2011 8:49 am ]
Post subject:  PIE CSS conflict with Typekit on IE8 FIXED

I found it, i had a bug on a web, with IE8 and PIE, CSS3 render randomly when cache cleared and disapear if I reload.

look right here :
http://www.gdg.acolyte.ws/ - with typekit JS
http://www.gdg.acolyte.ws/pie.php - without typekit JS

nav ul li a{display:block; position:relative; z-index:0; background:#ffffff; color:#000; border-radius:5px 5px 5px 0px; box-shadow:0px 0px 8px 1px rgba(150,200,210,1); height:36px; padding:0 15px; line-height:36px; text-transform:uppercase; behavior: url(/js/PIE.htc);}

The render is perfect in IE7 but in IE8 nothing happen (and background is not rendered)

But if I remove the typekit* .JS file from my header everything render normally.

The best I can do it's to give you the path to this JS file (generated by typekit website and to a specific web domain and it's minimized...) http://use.typekit.com/pee6eea.js

i don't think I can do much more but if I find a trick I will post it right here asap.

*Typekit is a font web provider bought by Adobe, you include the JS, select the font you want, and boom!... brand new fonts !

Author:  cstyves [ Thu Dec 08, 2011 9:55 am ]
Post subject:  Re: PIE CSS conflict with Typekit on IE8 (PIE doesn't work)

Okay the only fix i found it's to force ONLY IE 8 render in IE 7 AND all new version of IE (9,10 etc.) will render on lastest compatibility mode.

with that meta tag...

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7,edge,10,9,chrome" />

If someone find a trick to fix IE8 just let me know.

Author:  cstyves [ Thu Jan 05, 2012 10:59 am ]
Post subject:  Re: PIE CSS conflict with Typekit on IE8 FIXED

There we go !

We finaly found a GOOD fix for typekit & IE8 conflict :

If we load the typekit on page load, (after PIE CSS has been loaded) everything work perfectly !

Here is the new JS code for loading typekit with PIE CSS

<script type="text/javascript" src="http://use.typekit.com/MYJSFILE.js"></script>
<script type="text/javascript">if ($.browser.msie && $.browser.version==8) { $(window).load(function() { try{Typekit.load();}catch(e){}}); } else { try{Typekit.load();}catch(e){} }</script>

The code only run on IE 8 (don't affect any other versions of IE or browsers) and add an On page load.

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group