What are your experiences with CSS3PIE and IE8, as our developers are having lots of issues with it.
It appears to work fine in Chrome and IE9, but IE8 is a different experience. We have a tab component for which css3pie styling is applied and when moving one tab to another tab, we are getting a flashing/jerk and content layout moving up and down. It also appears CSSPIE does not execute until after the browser “load” event has completed, which is why we are getting the “flashing” as the backgrounds get “loaded”, then CSSPIE executes and applies the formatting (only an issue in IE8).
Has anyone came across similiar kind of issue in past if so please share the fix for this
This is the jquery script i am using
$(document).ready(function(){
$('ul.tabs').each(function(){
var $active, $content, $links = $(this).find('a');
$active = $($links.filter('[href="'+location.hash+'"]')[0] || $links[0]);
$active.addClass('active');
$content = $($active.attr('href'));
$links.not($active).each(function () {
$($(this).attr('href')).hide();
});
$(this).on('click', 'a', function(e){
$active.removeClass('active');
$content.hide();
$active = $(this);
$content = $($(this).attr('href'));
$active.addClass('active');
$content.show();
e.preventDefault();
});
});
$('ul.main').each(function(){
var $active, $content, $links = $(this).find('a');
$active = $($links.filter('[href="'+location.hash+'"]')[0] || $links[0]);
$active.addClass('active');
$content = $($active.attr('href'));
$links.not($active).each(function () {
$($(this).attr('href')).hide();
});
$(this).on('click', 'a', function(e){
$active.removeClass('active');
$content.hide();
$active = $(this);
$content = $($(this).attr('href'));
$active.addClass('active');
$content.show();
e.preventDefault();
});
});
});
