您对CSS3PIE和IE8有什么经验,因为我们的开发人员遇到了很多问题。
它似乎在Chrome和IE9中运行良好,但IE8是一种不同的体验。我们有一个应用了css3pie样式的选项卡组件,当将一个选项卡移动到另一个选项卡时,我们得到一个闪烁/混蛋和内容布局上下移动。在浏览器“加载”事件完成之后,CSSPIE似乎也不会执行,这就是为什么我们在背景被“加载”时得到“闪烁”,然后CSSPIE执行并应用格式化(仅在IE8中出现问题) 。
过去是否有人遇到类似的问题,请分享此修复
$(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();
});
});
});