CSS3PIE和IE8问题

时间:2012-11-29 12:49:19

标签: internet-explorer-8 css3pie ie8-compatibility-mode

您对CSS3PIE和IE8有什么经验,因为我们的开发人员遇到了很多问题。

它似乎在Chrome和IE9中运行良好,但IE8是一种不同的体验。我们有一个应用了css3pie样式的选项卡组件,当将一个选项卡移动到另一个选项卡时,我们得到一个闪烁/混蛋和内容布局上下移动。在浏览器“加载”事件完成之后,CSSPIE似乎也不会执行,这就是为什么我们在背景被“加载”时得到“闪烁”,然后CSSPIE执行并应用格式化(仅在IE8中出现问题) 。

过去是否有人遇到类似的问题,请分享此修复

enter image description here

这是我正在使用的jquery脚本

    $(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();
                });
            });
        });
        ​

0 个答案:

没有答案